To-Do List Application

This is a simple "To-Do List" application built using Flask for the backend and ReactJS for the frontend. The application allows users to add, delete, and view tasks.

Features

• Add tasks with different pencil colors
• Delete tasks
• View a list of tasks

Backend (Flask)

Installation

1. Clone the repository:

   git clone https://github.com/yourusername/flask-react-todo.git
   cd flask-react-todo

2. Set up a virtual environment and activate it:

   python -m venv venv
   source venv/bin/activate  # On Windows use `.\venv\Scripts\activate`

3. Install the required packages:

   pip install -r requirements.txt

4. Run the Flask server:

   python app.py

API Endpoints

• GET /tasks: Retrieve the list of tasks
• POST /tasks: Add a new task
• DELETE /tasks/:task_id: Delete a task by ID

Frontend (ReactJS)

Installation

1. Navigate to the frontend directory:

   cd frontend

2. Install the required packages:

   npm install

3. Install Axios for making HTTP requests:

   npm install axios

4. Start the React development server:

   npm start

Usage

1. Open your browser and navigate to http://localhost:3000.
2. Add tasks using the input field and the "Add Task" button.
3. Delete tasks using the "Delete" button next to each task.
4. Change the pencil color using the color picker.

Screenshot

License

This project is licensed under the MIT License. See the LICENSE file for details.

Acknowledgements

• Flask: https://flask.palletsprojects.com/
• React: https://reactjs.org/
• Axios: https://github.com/axios/axios