https://main--frontent-task-taiyo-ai.netlify.app/
This is a contact management app built with ReactJS, TypeScript,TailwindCSS, React Router v6 and React Query.
This app serves two primary purposes:
-
Contact Management: It allows users to efficiently manage their contacts by adding, viewing, editing, and deleting them. The app uses Redux to store the contact data, and React Query to handle API calls and data management.
-
Charts and Maps Dashboard: The app displays a dashboard that displays a line graph of the fluctuations in COVID-19 cases, providing an overview of the pandemic situation. The app also uses React Leaflet to display a map with markers that show the country name, along with its corresponding total number of active, recovered cases, and deaths. This dashboard provides users with a comprehensive visual representation of the COVID-19 situation around the world.
The following APIs were used to fetch data:
- Country-specific data of cases (Used in Map): https://disease.sh/v3/covid-19/countries
- Graph data for cases with date (Used in Line Chart): https://disease.sh/v3/covid-19/historical/all?lastdays=all
git clone https://github.com/Sharvil24600/FrontEnd-Task-TaiyoAi.git
npm install
npm start
npm run build