Skip to content

Latest commit

 

History

History
87 lines (55 loc) · 2.05 KB

README.md

File metadata and controls

87 lines (55 loc) · 2.05 KB

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.

Todo Manager Screenshot

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: