Contact Management App

This repositry contains Contact Mangement App with Charts and Maps build using ReactJS, Typescript, TailwindCSS, React Redux.

Pages and Functionality

The app contains two main pages :

Contacts

This page contains a create contact button for creating a contact and after creating a contact we can edit it and delete it using Edit and Delete button.

Charts and Maps

This page contains a chart and map displaying COVID-19 data. It contains a line graph displaying the cases fluctuations over time and a map with markers that indicate the country name, total number of active, recovered cases, and deaths in that particular country.

Tech Stack used

Client: React, Redux, TailwindCSS , React Query, React Router DOM

APIs Used

The app uses below apis

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

Installation and Setup

Clone this repositry using : git clone https://github.com/shefali12-ab/contactManagementApp.git

Install the dependencies using: npm install

Run the app using: npm run dev

Screenshots

Contacts page

Charts and Maps Page