Skip to content

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

Notifications You must be signed in to change notification settings

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

Repository files navigation

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 📸

Screenshot (267)

Screenshot (268)

Screenshot (274)

Screenshot (275)

Screenshot (276)

Screenshot (277)

Screenshot (278)