Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/vishalbhuse/contact-management-app


https://github.com/vishalbhuse/contact-management-app

chartjs leaflet reactjs reactleaflet redux typescript usequery

Last synced: 5 days ago
JSON representation

Awesome Lists containing this project

README

        

# Contact Management App and Chart

## Live Link : - https://contact-management-app-virid.vercel.app/

## Tech Stack
- React JS,
- Redux
- React Leaflet
- Typescript
- Chart.js
- Resposive UI using Tailwind CSS
- Vercel (for Deployment)

## Functionality :
- Create Contact, Edit Contact, Delete Contact
- Single Contact View
- Covid-19 data on Chart
- Covid-19 Worldwide data

## Pages:-
### Contact Page:-
![image](https://github.com/VishalBhuse/contact-management-app/assets/101569259/76988acf-efba-4c13-b763-45598a1e65d5)

### Chart & Map Page:-
![image](https://github.com/VishalBhuse/contact-management-app/assets/101569259/88f2b77e-e1d8-4d96-aa15-152496d24815)

# How To Start App
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
## Available Scripts
In the project directory, you can run:
### `npm start`
Runs the app in development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
The page will reload when you make changes.