/django-todo-react-digitalocean

Primary LanguageJavaScript

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