This is a contact Management app built using ReactJS, JavaScript, TailwindCSS, React Router V6, and Redux. The app inckudes a dashboard with charts and maps that display COVID-19 data for different countries.
- Introduction
- Deployed Link
- Pages and Functionality
- APIs Used
- Technologies Used
- Installation and Setup
- Screenshots
The Contact management app is a web-based application designed to manage contacts effiently and visually represent data through charts and maps.Built using modern web technologies such as ReactJS, TypeScript, TailwingCSS, Redux, and React Router v6, the app offers a seamless and respomsive user experience. Additionally, the app leaverage React Query for efficient data fetching and management and Leaflet for interactive maps.
https://contact-management-app-teal.vercel.app/
This page allows you to manage your contacts. You can add a new contact by filling out the form, and the contact will be added to the list. You can also edit or delete an existing contact. Clicking on a contact's name will take you to the contact details page.
This page displays COVID-19 data for different countries.It includes a line graph showing the cases fluctuations over time and a nap with markers that indicate the country name, total number of active, recovered cases, and deaths in the particular country as a popup.
This app uses the following APIs to fetch data:
- World Wide Data of cases: https://disease.sh/v2/covid-19/all
- Country Specific data of cases: https://disease.sh/v3/covid-19/countries
- Group data for cases with date: https://disease.sh/v3/covid-19/historical/all?lastdays=all
- Clone this repository: git clone https://github.com/your-username/Contact-Management-app.git
- Install the dependencies:npm install
- Start the app: npm start
- The app should open in your default browser at https://localhost:3000/.
