Monitoring Dashboard

A real-time system monitoring dashboard built with React, TypeScript, and Tailwind CSS.

Features

• Real-time system metrics monitoring
• Interactive charts and visualizations
• Alert system for critical events
• User authentication
• Responsive design
• Comprehensive test coverage

Tech Stack

• React
• TypeScript
• Tailwind CSS
• Chart.js
• Jest & React Testing Library

Getting Started

1. Clone the repository:

git clone https://github.com/Tanacca007/monitoring-dashboard.git
cd monitoring-dashboard

2. Install dependencies:

npm install

3. Start the development server:

npm start

4. Run tests:

npm test

5. Build for production:

npm run build

Environment Variables

Create a .env file in the root directory with the following variables:

REACT_APP_API_URL=your_api_url

Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add some amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

License

This project is licensed under the MIT License - see the LICENSE file for details.