https://github.com/rahul4019/contact-management

This is a React web application that provides contact management functionality along with data visualization using charts and maps.
https://github.com/rahul4019/contact-management

chartjs react react-leaflet react-router redux-toolkit tanstack-react-query typescript

Last synced: 2 months ago
JSON representation

This is a React web application that provides contact management functionality along with data visualization using charts and maps.

• Host: GitHub
• URL: https://github.com/rahul4019/contact-management
• Owner: rahul4019
• Created: 2023-08-29T15:21:26.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-08-30T03:05:35.000Z (over 1 year ago)
• Last Synced: 2025-01-27T23:48:30.209Z (4 months ago)
• Topics: chartjs, react, react-leaflet, react-router, redux-toolkit, tanstack-react-query, typescript
• Language: TypeScript
• Homepage: https://contact-app0.netlify.app
• Size: 1.01 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Contact Management with Charts and Maps

![App Screenshot](public/1.png)  

![App Screenshot](public/2.png)  

![App Screenshot](public/3.png)  

![App Screenshot](public/4.png)

This is a React web application that provides contact management functionality along with data visualization using charts and maps.

## Technologies Used

- React

- React Router

- Tailwind CSS

- TypeScript

- Chart.js

- React Leaflet

- Redux Toolkit (for contact management)

- Tenstack React Query (for API data fetching)

## Features

- Add, edit, and delete contacts.

- View a dashboard with worldwide data.

- Daily data visualization using a line chart.

- Country-wise data visualization using an interactive map.

- Popups on map markers displaying death, recovery, and active cases.