To-Do App

This is a full-stack To-Do application built using React for the frontend and Spring Boot (Java) for the backend. Users can manage tasks by adding, editing, and deleting them. This project integrates both frontend and backend components to function as a complete application.

Table of Contents

• Prerequisites
• Installation
• Running the Application
  • Backend (Spring Boot)
  • Frontend (React)
• API Endpoints
• Project Structure

Prerequisites

Before you begin, ensure you have the following installed:

• Java 11 or later (for Spring Boot backend)
• Node.js and npm (for React frontend)
• Maven (for managing Java dependencies)

You can download the necessary software from:

• Java 11+
• Node.js
• Maven

Installation

1. Clone the repository:

   git clone https://github.com/Rahul-18r/To-Do.git

2. Navigate to the project directory:

   cd To-Do-App

Running the Application

Running the Backend (Spring Boot)

1. From the root directory:

   mvn install

2. Run the backend using Maven:

   mvn spring-boot:run

The Spring Boot server will start and be available at:

http://localhost:8080

Running the Frontend (React)

1. Navigate to the frontend directory:

   cd todo-app-frontend

2. Install the dependencies using npm:

   npm install

3. Start the React development server:

   npm start

The React app will start and be available at:

http://localhost:3000

Your application should now be running with:

• Backend: http://localhost:8080
• Frontend: http://localhost:3000

API Endpoints

The backend provides the following RESTful API endpoints:

Method	Endpoint	Description
GET	/tasks	Fetch all tasks
POST	/tasks	Create a new task
PUT	/tasks/{id}	Update an existing task
DELETE	/tasks/{id}	Delete a task

Project Structure

1. Backend (Spring Boot)

To-Do-App/
├── src/
│   ├── main/
│   │   ├── java/
│   │   │   └── com.todo_app/
│   │   │       ├── Configuration/
│   │   │       │   └── WebConfig.java
│   │   │       ├── Controller/
│   │   │       │   └── TaskController.java
│   │   │       ├── exception/
│   │   │       │   ├── GlobalExceptionHandler.java
│   │   │       │   └── UserExceptionHandler.java
│   │   │       ├── model/
│   │   │       │   └── Task.java
│   │   │       ├── repository/
│   │   │       │   └── TaskRepository.java
│   │   │       ├── Service/
│   │   │       └── DemoApplication.java
│   │   └── resources/
│   └── test/
└── target/

2. Frontend (React)

todo-app-frontend/
├── public/
│   └── index.html
├── src/
│   ├── components/
│   │   ├── AddTask.js
│   │   └── TaskList.js
│   ├── services/
│   │   └── api.js
│   ├── App.js
│   ├── index.js
│   └── styles.css
├── package.json
└── package-lock.json

---

Created and maintained by Rahul-18r