Trakovid

Trakovid is an application that provides COVID-19 tracking features, including a map view and a graph view to visualize the data.

Features

• Interactive Map: Display a map with markers representing different countries. Clicking on a marker shows information about the total active cases, total recovered cases, and total deaths for the respective country. Graph.tsx

• Historical Graph: Visualize the historical COVID-19 cases through a line graph that represents the total number of cases over time.

)****

• Contact List: Manage a list of contacts, including creating, editing, and deleting contacts. Each contact includes their first name, last name, and status.

  )

• Used React Query to fetch data:

• Used Leaflet Map:

• Redux along with persisit state

Technologies Used

• React: A JavaScript library for building user interfaces.
• React Router: A routing library for React applications.
• React Query: A data fetching and caching library for React.
• Leaflet: An open-source JavaScript library for interactive maps.
• Victory: A data visualization library for React.
• Redux: A predictable state container for JavaScript apps.
• TypeScript: A typed superset of JavaScript that compiles to plain JavaScript.

Installation

1. Clone the repository: git clone https://github.com/your/repo.git

2. Install the dependencies: npm init

3. Start the development server: npm start

Repository Structure

The repository is structured as follows:

• public/: Contains the public assets and the HTML template for the application.
• src/: Contains the source code of the application.
• components/: Contains reusable React components.
• store/: Contains Redux store configuration and slice files.
• types/: Contains TypeScript type definitions.
• App.tsx: The main entry point of the application.
• images/: Contains images used in the README.md file.
• README.md: This file, containing information about the project.

Contributing

Contributions are welcome! If you find any issues or want to suggest enhancements, please create an issue in the GitHub repository.

License

The Trakovid project is licensed under the MIT License.

Acknowledgements

• Open COVID-19 Data: The API used to fetch the COVID-19 data.
• Leaflet: The library used for displaying interactive maps.
• Victory: The library used for data visualization.
• React Query: The library used for data fetching and caching.
• React Router: The library used for routing in the React application.

Contact

For any inquiries or questions, please contact [email protected].