Spring Boot | React | Full Stack App

Implementing a Full Stack Web App using Spring Boot and React

Step-by-step guide on how to implement the MyToDoList application

Photo by Thomas Bormans on Unsplash

In this article, we will explain how to implement a Full Stack Web application called MyToDoList using Spring Boot for the backend and React for the frontend.

Prerequisites

If you would like to follow along, you must have Java 17+, Node.js and npm installed on your machine.

About MyToDoList App

MyToDoList is a full stack application that allows users to add To-Dos, track their completion status, and delete them, especially if they were added incorrectly.

The MyToDoList application consists of a backend built with Spring Boot, which provides the API (Application Programming Interface), and a frontend developed with React, which offers a friendly UI (User Interface).

The API exposed by MyToDoList includes the following endpoints:

   GET /api/todos
  POST /api/todos -d '{"description": "..."}'
 PATCH /api/todos/{id}?completed=true
DELETE /api/todos/{id}