A modern Full Stack To-Do Application built with React, Django, and Django REST Framework. This project helps users manage daily tasks efficiently with a clean UI, REST API integration, task filtering, search functionality, due dates, and dark/light mode support.

• ✅ Add, Edit, and Delete Tasks
• ✅ Mark Tasks as Completed
• ✅ Search Tasks
• ✅ Filter Completed & Pending Tasks
• ✅ Due Date Management
• ✅ Dark / Light Mode
• ✅ Responsive UI Design
• ✅ REST API Integration
• ✅ Full Stack Architecture
• ✅ Clean and Modern Interface

• React JS
• JavaScript
• Axios
• CSS

• Django
• Django REST Framework
• SQLite3

todo-project/
│
├── backend/
│   ├── config/
│   ├── todo/
│   ├── manage.py
│   └── requirements.txt
│
├── frontend/
│
└── README.md

git clone https://github.com/hcoder-404/todo-app-react-django.git

cd backend

python -m venv venv

venv\Scripts\activate

pip install -r requirements.txt

python manage.py migrate

python manage.py runserver

Backend server will run on:

http://127.0.0.1:8000/

cd frontend

npm install

npm start

Frontend server will run on:

http://localhost:3000/

http://127.0.0.1:8000/api/tasks/

• Task Creation
• Task Completion Tracking
• Task Filtering
• Responsive Design
• REST API Communication
• Dark Mode UI

• User Authentication
• JWT Login System
• Task Categories
• Notifications & Reminders
• Drag & Drop Tasks
• Cloud Deployment
• User Dashboard

Contributions are welcome.

1. Fork the repository
2. Create your feature branch
3. Commit your changes
4. Push to the branch
5. Open a Pull Request

This project is licensed under the MIT License.

Developed by hcoder-404 🚀

GitHub:
https://github.com/hcoder-404