kundusaikat / covid-19-maps-graphs-contact-redux

This is a simple website with a contact card and covid 19 maps and graphs for world and country.

Description

This is a simple website with a contact card and covid 19 maps and graphs for world and country.

Tools 💻

• HTML,
• CSS,
• React,
• Redux,
• Redux-Thunk,
• TypeScript
• Tailwind css,
• React-simple-maps
• React-query
• React-chartJS-2

Link 🔗

https://covid-19-maps-graphs-contact-redux.vercel.app

How to run locally ?

1. clone it
2. Install node_modules

    npm i
   

3. start it

   npm run start
   

   or

   npm start
   

API endpoint 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

Features ✨

• Dynamic Topbar and Side Navigation bar.
• Create/Read/Update/Delete Contact using redux.
• Dashboard of Charts and Maps using simple maps and chartJS.
• Popup with country specific data in world map.

Screenshots 📸