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.mdgit clone https://github.com/hcoder-404/todo-app-react-django.gitcd backend
python -m venv venv
venv\Scripts\activate
pip install -r requirements.txt
python manage.py migrate
python manage.py runserverBackend server will run on:
http://127.0.0.1:8000/cd frontend
npm install
npm startFrontend 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.
- Fork the repository
- Create your feature branch
- Commit your changes
- Push to the branch
- Open a Pull Request
This project is licensed under the MIT License.
Developed by hcoder-404 🚀
GitHub:
https://github.com/hcoder-404