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

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

chartjs leaflet reactjs reactleaflet redux typescript usequery

Last synced: 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/vishalbhuse/contact-management-app
• Owner: VishalBhuse
• Created: 2023-07-27T13:11:38.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2023-07-28T15:34:35.000Z (almost 3 years ago)
• Last Synced: 2023-12-16T16:13:11.909Z (over 2 years ago)
• Topics: chartjs, leaflet, reactjs, reactleaflet, redux, typescript, usequery
• Language: TypeScript
• Homepage: https://contact-management-app-virid.vercel.app
• Size: 697 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

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.