https://github.com/danielc92/react-django-crm

Building a CRM system using React as a front end and Django (django_restframework) as a REST API backend service.
https://github.com/danielc92/react-django-crm

Last synced: 2 months ago
JSON representation

Building a CRM system using React as a front end and Django (django_restframework) as a REST API backend service.

• Host: GitHub
• URL: https://github.com/danielc92/react-django-crm
• Owner: danielc92
• Created: 2019-06-11T06:41:49.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2022-12-10T18:46:34.000Z (over 3 years ago)
• Last Synced: 2025-03-20T08:50:09.299Z (over 1 year ago)
• Language: JavaScript
• Size: 1.24 MB
• Stars: 1
• Watchers: 0
• Forks: 1
• Open Issues: 6
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Django/React CRM System

Building a CRM system using React as a front end and Django (django_restframework) as a REST API backend service. Following guide by Ahmed Boucherfra from DigitalOcean.

# Before you start

- Understanding of REST API

- Understanding of Django Framework

- Understanding of React Framework

# Running the development servers

```sh

# Activate virtual environment before hand

source /**location_of_python3_virtualenv**/bin/activate

# Running the backend REST API

cd /root_directory

python manage.py runserver

# Running the frontend React server

cd /frontend

npm install

npm start

```

# Screenshots

### Listing customers

![Customer List](https://github.com/danielc92/react-django-crm/blob/master/screenshots/customer-list.png)

### Paginating customers

![Paginated customer list](https://github.com/danielc92/react-django-crm/blob/master/screenshots/customer-list-pagination.png)

### Updating customers

![Update customers](https://github.com/danielc92/react-django-crm/blob/master/screenshots/customer-update.png)

### Creating customers

![Creating customers](https://github.com/danielc92/react-django-crm/blob/master/screenshots/customer-create.png)

# Tests

- Successfully deleted a record via the front end server (Delete button via http://localhost:3000/)

- Successfully created a record (Customer) via the front end server (http://localhost:3000/customer/)

- Successfully rendering list of records via front end server (http://localhost:3000/)

- Successfully paginated results on front end server bidirectionally

- Successfully updated a record via front end server (Update button via http://localhost:3000/customer/:pk)

# Contributors

- Daniel Corcoran

# Sources

- [How To Build a Modern Web Application to Manage Customer Information with Django and React on Ubuntu 18.04](https://www.digitalocean.com/community/tutorials/how-to-build-a-modern-web-application-to-manage-customer-information-with-django-and-react-on-ubuntu-18-04)