📝 Full-Stack Todo App (React + Django REST Framework)

A full-featured Todo application built with a React frontend and Django REST Framework backend. This app allows users to manage their daily tasks efficiently with full CRUD functionality.

🔧 Tech Stack

Frontend:

• React
• Axios
• React Router DOM

Backend:

• Django
• Django REST Framework
• django-cors-headers

✨ Features

• Create, Read, Update, Delete (CRUD) todos
• Mark tasks as completed
• Simple and responsive UI
• RESTful API integration

📁 Project Structure

project-root/
├── backend/
│   ├── manage.py
│   ├── todo_project/
│   └── todo/
├── frontend/
│   ├── public/
│   └── src/

🚀 How to Run This Project

▶️ Backend (Django)

1. Navigate to the backend folder:

cd backend

2. Create virtual environment (optional but recommended):

python -m venv venv
venv\Scripts\activate     # Windows
source venv/bin/activate  # macOS/Linux

3. Install required packages:

pip install django djangorestframework django-cors-headers

4. Apply migrations:

python manage.py makemigrations
python manage.py migrate

5. Run the backend server:

python manage.py runserver

Django API will be live at http://localhost:8000/api/todos/

▶️ Frontend (React)

1. Navigate to the frontend folder:

cd frontend

2. Install required packages:

npm install

3. Start the React development server:

npm start

React app will run at http://localhost:3000 and communicate with the Django backend