https://github.com/tarun-das-au8/contact-management-app

Contact Management with Charts and Maps
https://github.com/tarun-das-au8/contact-management-app

react-hooks react-router reactjs redux redux-toolkit tailwind-css typescript

Last synced: 17 days ago
JSON representation

Contact Management with Charts and Maps

• Host: GitHub
• URL: https://github.com/tarun-das-au8/contact-management-app
• Owner: Tarun-Das-au8
• Created: 2024-08-26T05:31:05.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-08-26T14:58:16.000Z (3 months ago)
• Last Synced: 2024-11-03T03:03:04.017Z (17 days ago)
• Topics: react-hooks, react-router, reactjs, redux, redux-toolkit, tailwind-css, typescript
• Language: TypeScript
• Homepage: https://contact-management-with-charts-maps.netlify.app/
• Size: 400 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Contact Management App with Charts and Maps

This is a contact management application built with ReactJS, TypeScript, TailwindCSS, React Router v6, and React Query. The app features a contact management system and a dashboard with charts and maps to visualize COVID-19 data.

Documentation

## Features

### Contacts Page

- Form for adding new contacts

- List of all added contacts

- Edit and delete contacts

- Contact data stored with Redux

### Charts and Maps Page

- Displayong world wide covid data

- Line graph showing COVID-19 case fluctuations

- React Leaflet map with markers displaying country-specific COVID-19 data

## Technologies Used

- ReactJS

- TypeScript

- TailwindCSS

- React Router v6

- React Query (TanstackQuery)

- Redux

- Leaflet

## Setup and Installation

1. **Clone the Repository**

   ```bash

   git clone [email protected]:Tarun-Das-au8/contact-management-app.git

   cd contact-management-app

   ```

2. **Install dependencies**:

   ```bash

   npm install

   ```

3. **Run the application**:

   ```bash

   npm start

   ```