React Django Todo Manager

A simple and efficient Todo Manager built with React and Django REST API, allowing users to manage their tasks seamlessly with a modern user interface.

Demo 🎥

Check out the demo video here.

Features 🚀

• Add, edit, and delete todos
• Mark todos as completed
• User-friendly interface
• Responsive design

Tech Stack 💻

• Frontend: React
• Backend: Django REST API
• Database: SQLite

Getting Started

Prerequisites

• Node.js
• Python
• Django
• Git

Installation Steps

1. Clone the repository:

bash git clone git@github.com:CodeWithRanjHa/react-django-todo-manager-.git

Navigate to the project directory:

bash

cd react-django-todo-manager-

Set up the backend:

bash

  cd backend
  python -m venv venv         # Create a virtual environment
  source venv/bin/activate    # Activate the virtual environment
  pip install -r requirements.txt  # Install dependencies
  python manage.py migrate     # Run migrations
  python manage.py runserver 

Set up the frontend:

bash

cd frontend/todo-app
npm install                 # Install dependencies
npm start                   # Start the development server

Usage

Open your browser and go to http://localhost:3000 for the frontend.
The backend API will run on http://localhost:8000.

Contributing

Feel free to submit issues or pull requests! License

This project is licensed under the MIT License - see the LICENSE file for details. Acknowledgments

Inspired by modern web development practices
Thanks to the open-source community!

Connect with Me

If you'd like to reach out or connect, feel free to contact me through the following platforms:

• LinkedIn: wasim-ranjha
• GitHub: CodeWithRanjHa
• Email: wasimranjhaa@gmail.com