Todo List Application was made with Spring Boot using ReactJS. This application that can create, read, update, delete, and check completed. This application also implement filtering. In this App, you can list tasks as all, completed and uncompleted. Also you can delete completed tasks and all tasks with buttons. Backend is developed using Java, Spring Boot and Frontend is developed using ReactJS, NodeJS.
- Open Intellij IDEA
- Install node to run react app (frontend) and maven to run spring boot app (backend).
- In /frontend directory, run the application
- Open your browser and browse to http://localhost:3000
cd frontend
code .
npm start
OpenApiConfigurationBean
BadRequestException
CreatedException
ForbiddenException
MyException
ResourceNotFoundException
UnAuthorizedException
PersistLink
BaseEntity
TodoEntity
ITodoRepository
TodoAddRequest
TodoUpdateRequest
SecurityConfiguration
ITodoService
TodoServiceImpl
ITodoApi
ITodoApiImpl
- Java 17
- Intellij IDEA Ultimate
- Visual Studio Code
- Node JS
- Postman
- Docker Desktop
- Html5
- Css3
- responsive design
- Js
- jquery
- Bootstrap
- react
- Java SE
- JDBC
- Hibernate
- Spring Core
- Spring MVC
- Spring Data JPA
- Spring Security
- Thymeleaf
- Lombok
- Validation
- H2 Database
- Mysql
- Spring Web
- Spring Data JPA
- Spring Rest
- Spring Security
- Spring Boot DevTools
- Spring Configuration Processor
- Spring Boot Actuator
./mvnw clean package -DskipTests
docker-compose up
for Start
docker-compose up -d
for Start
docker-compose down
for Close
npx create-react-app frontend
cd frontend
npm start
code .
- npm i axios
- npm i bootstrap
- npm i gsap