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

https://github.com/adithej/cms

Contact Management Website
https://github.com/adithej/cms

django django-rest-framework react-leaflet react-router-dom reactjs recharts tailwindcss tanstack-react-query typescript

Last synced: 7 months ago
JSON representation

Contact Management Website

Awesome Lists containing this project

README

          

# Contact Trace - Contact Management App with Charts and Maps

## Build with Django, React, Tailwind CSS, TanStack Query, React Router, Recharts and React-Leaflet

Preview the project [Contact Trace](https://ailment-view.vercel.app).

### Contact Page:

contact page

### Create Contact Page

create contact

### Individual User Contact Page

contact details

### Global Info Page

global info

## Getting Started

1. Clone the project to your machine:

```
git clone https://github.com/Adithej/cms.git
```

2. Go to Project Directory:

```
cd cms
```

3. Source the virtual environment

```
pipenv shell
```

4. Install the dependencies

```
pipenv install
```

5. Navigate to the client directory

```
cd client
```

6. Install the dependencies

```
npm install
```

## Run the application

You will need two terminals pointed to the frontend and backend directories to start the servers for this application.

1. Run this command to start the backend server in the [server] directory: `python manage.py runserver` (You have to run this command while you are sourced into the virtual environment)

2. Run this command to start the frontend development server in the [client] directory: `npm start` (This will start the frontend on the address localhost:3000)