All Projects → do-community → django-todo-react

do-community / django-todo-react

Licence: other
No description, website, or topics provided.

Programming Languages

javascript
184084 projects - #8 most used programming language
python
139335 projects - #7 most used programming language
HTML
75241 projects
CSS
56736 projects

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

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]
  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 [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)

Built With

  • React - A progressive JavaScript framework.
  • Python - A programming language that lets you work quickly and integrate systems more effectively.
  • Django - 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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].