https://github.com/do-community/django-todo-react
https://github.com/do-community/django-todo-react
Last synced: about 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/do-community/django-todo-react
- Owner: do-community
- Created: 2020-09-21T02:08:02.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2022-01-05T18:37:14.000Z (over 4 years ago)
- Last Synced: 2025-03-28T00:44:15.057Z (about 1 year ago)
- Language: JavaScript
- Size: 171 KB
- Stars: 119
- Watchers: 7
- Forks: 74
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Introduction
This is a simple Todo application built off Django (including the Django REST Framework for API CRUD operations) and React. For a complete walkthrough, see [Build a To-Do application Using Django and React](https://www.digitalocean.com/community/tutorials/build-a-to-do-application-using-django-and-react)
## Requirements
* Python3
* Pipenv
## Getting started
1. Clone the project to your machine ```[git clone https://github.com/Jordanirabor/django-todo-react]```
2. Navigate into the diretory ```[cd django-todo-react]```
3. Source the virtual environment ```[pipenv shell]```
4. Install the dependencies ```[pipenv install]```
5. Navigate into the frontend directory ```[cd frontend]```
5. 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 ```[backend]``` 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 ```[frontend]``` directory: ```[npm install]``` (This will start the frontend on the adddress [localhost:3000](http://localhost:3000))
## Built With
* [React](https://reactjs.org) - A progressive JavaScript framework.
* [Python](https://www.python.org/) - A programming language that lets you work quickly and integrate systems more effectively.
* [Django](http://djangoproject.org/) - A high-level Python Web framework that encourages rapid development and clean, pragmatic design.
## Creator Credit
This demo app was originally built for a scotch.io (acquired in 2020 by DigitalOcean) article by [Jordan Irabor](https://github.com/Jordanirabor/django-todo-react)