A project to visualize and analyze COVID-19 data in real-time using React.
- Description 📝
- Main Features ✨
- Visuals 📷
- Built With 🛠️
- Key Features 🔑
- Installation and Execution 🚀
- Contributors ✒️
The COVID Tracker Dashboard is an interactive platform designed to visualize real-time data on the COVID-19 pandemic. Using the disease.sh API, the dashboard allows users to filter and sort data by country, visualize trend graphs, and access detailed information through an intuitive and responsive user interface.
Real-time data visualization. Filters by country and keywords. Trend graphs of cases and deaths. Interactive map with statistics by country. Responsive interface compatible with major browsers.
Grabacion_2024-07-01_113831_2.mp4
React: Main framework for building the interface. Vite: Fast build tool. CSSModules: For modular and reusable styles. SCSS: For advanced styling and modular CSS. disease.sh API: Source of COVID-19 data. Git: Version control. Bootstrap: For styles and UI components.
Interactive User Interface: Facilitates navigation and data visualization. Filters and Sorting: Allows users to filter by country and sort data by columns. Trend Graphs: Visualizes COVID-19 data in line graphs. Interactive Map: Shows statistics by country when hovering over the map. (Responsiveness: Adapts to different screen sizes, ensuring usability on both mobile and desktop devices.)
To install and run the project locally, follow these steps:
- Clone the repository:
bash Copiar código git clone https://github.com/flaviferri/covidTracker.git
- Navigate to the project directory:
bash Copiar código cd covidTracker
- Install dependencies:
bash Copiar código npm install
- Start the development server:
bash Copiar código npm run dev
The following team of developers has contributed to the development of the "COVID Tracker Dashboard." Their efforts and dedication have been essential in bringing this project to fruition:
- Lynn Poh: Product Owner/Developer - https://github.com/Dpoetess
- Mercedes Celedón: Developer - https://github.com/Mercedes-Celedon
- Flavia Ferrigno: Developer - https://github.com/flaviferri
- Gaby Rosas: Developer - https://github.com/GabyRosas
- Carol Alonso: Scrum Master/Developer - https://github.com/Calonsogon