SrishtiLodhi / Contact-and-Charts

This is a contact management app built using ReactJS, TypeScript, TailwindCSS, React Router v6, and React Query (Tanstack Query). The app allows users to manage their contacts, view COVID-19 data on charts, and explore the data on a map.

Contact Management App with Charts and Maps

This is a contact management app built using ReactJS, TypeScript, TailwindCSS, React Router v6, and React Query (Tanstack Query). The app allows users to manage their contacts, view COVID-19 data on charts, and explore the data on a map.

Features

• Add, edit, and delete contacts
• View a list of all contacts
• View contact details
• Line graph showing COVID-19 cases fluctuations worldwide
• Leaflet map with markers indicating COVID-19 data for different countries

Getting Started

Follow these steps to run the app on your local machine:

1. Clone the repository:

git clone https://github.com/SrishtiLodhi/Contact-and-Charts
cd Contact-and-Charts

2. Install dependencies:

npm install

3. Start the development server:

npm start

Open your browser and navigate to http://localhost:3000 to access the app.

APIs Used

• World wide data of cases: https://disease.sh/v3/covid-19/all
• Country Specific data of cases: https://disease.sh/v3/covid-19/countries
• Graph data for cases with date: https://disease.sh/v3/covid-19/historical/all?lastdays=all

Technologies Used

• ReactJS
• TypeScript
• React Query
• React Router v6
• TailwindCSS
• Leaflet

Contributors

• Your Name

License

This project is licensed under the MIT License.