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.
- 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
Follow these steps to run the app on your local machine:
- Clone the repository:
git clone https://github.com/SrishtiLodhi/Contact-and-Charts
cd Contact-and-Charts
- Install dependencies:
npm install
- Start the development server:
npm start
Open your browser and navigate to http://localhost:3000 to access the app.
- 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
- ReactJS
- TypeScript
- React Query
- React Router v6
- TailwindCSS
- Leaflet
This project is licensed under the MIT License.