Django-React Tasks Manager

Description:

Django-React Tasks Manager is a web-based task management application built using Django for the backend and React for the frontend. It enables users to create, manage, and organize tasks efficiently. The application is designed for seamless integration between the backend and frontend, ensuring a responsive and interactive user experience.

Features:

• User Authentication: Sign-up, login, and logout functionality.
• Task Management: Create, update, delete, and mark tasks as complete.
• Dashboard: View all tasks in a user-friendly interface.
• Filtering: Filter tasks based on their status (e.g., pending, completed).
• Responsive Design: Optimized for desktop and mobile devices.

Requirements:

• Python: Version 3.9 or higher. Download here.
• Node.js: Version 14.x or higher. Download here.
• Django: Version 4.x or higher (installed via pip).
• React: Latest version (dependencies installed via npm).
• Database: SQLite (default) or PostgreSQL (optional for production).
• Browser: A modern browser like Chrome or Firefo

Instructions:

1. Download the Project Files

   • Download the project zip file from the repository or source.
   • Extract the downloaded file to a directory on your machine.

2. Backend Setup

   • Navigate to the backend directory:

     bash

     Copy code

     cd backend

   • Install Python dependencies:

     bash

     Copy code

     pip install -r requirements.txt

   • Apply migrations to set up the database:

     bash

     Copy code

     python manage.py migrate

   • Run the Django development server:

     bash

     Copy code

     python manage.py runserver

3. Frontend Setup

   • Open a new terminal and navigate to the frontend directory:

     bash

     Copy code

     cd frontend

   • Install Node.js dependencies:

     bash

     Copy code

     npm install

   • Start the React development server:

     bash

     Copy code

     npm start

4. Access the Application

   • Open your browser and navigate to http://localhost:3000 for the frontend.
   • The backend API will be running on http://localhost:8000.

5. Customizations (Optional)

   • Update environment variables for the backend in .env.
   • Configure frontend API endpoints in the frontend/src/config.js file.