https://github.com/codewithranjha/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.
https://github.com/codewithranjha/react-django-todo-manager

api backend django django-rest-framework frontend fullstack-development javascript react reactjs rest-api todo

Last synced: 5 days ago
JSON representation

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.

• Host: GitHub
• URL: https://github.com/codewithranjha/react-django-todo-manager
• Owner: CodeWithRanjHa
• Created: 2024-10-16T23:00:41.000Z (4 months ago)
• Default Branch: master
• Last Pushed: 2024-12-05T17:57:51.000Z (about 2 months ago)
• Last Synced: 2024-12-05T18:36:23.643Z (about 2 months ago)
• Topics: api, backend, django, django-rest-framework, frontend, fullstack-development, javascript, react, reactjs, rest-api, todo
• Language: Python
• Homepage:
• Size: 67.4 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 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](https://github.com/user-attachments/assets/07116aa1-578f-4e39-bf6e-948995c08a8e)

## Demo 🎥

Check out the demo video [here](https://youtu.be/ZVmBRoSR5WY).

## 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 [email protected]: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](https://www.linkedin.com/in/wasim-ranjhaa)

- **GitHub:** [CodeWithRanjHa](https://github.com/CodeWithRanjHa)

- **Email:** [[email protected]](mailto:[email protected])