Todo App

This project is a Django-React Todo App that allows you to manage tasks and to-dos.

Installation

Follow these steps to set up the project on your local machine.

Run Locally

Clone the project

  git clone https://github.com/JObV9n/intern.git project_name

Navigate to the project directory:

Backend Setup (Django)

pip install pipenv
pipenv intall django

create django Backend

django-admin startproject backend

Goto backend folder

  cd backend

python manage.py startapp todo

make migrations

python manage.py migrate 

python manage.py makemigrations todo

python manage.py migrate todo

Create SuperUser

python manage.py createsuperuser

Setup the API's to backend

pipenv install djangorestframework django-cors-headers

Run the Django server

python manage.py runserver

Frontend Setup (React)

##Download and Install NodeJs

Navigate to base project_name folder

cd ..

create a React app

npm create-react-app frontend

Install all dependencies

npm install reactstrap bootstrap axios

###Running the project

1.Start the Django Backend

cd ../../backend
python manage.py runserver

2. Start the React frontend

cd ../frontend
npm start

Accessing the Project

Open your web browser and visit http://localhost:3000 to access the React frontend.

To access the Django admin panel, visit http://localhost:8000/admin and log in with the superuser account you created.