Posts

Spring Boot, Vue.js, and PrimeVue - Building a CRUD Todo App

Image
In this section, we will build a Todo CRUD app with Spring Boot, Vue.js, PrimeVue, and PostgreSQL. Technologies Used Java 17 Spring Boot 3.3.0 Spring Data JPA Lombok PostgreSQL Vue 3 PrimeVue After completing this tutorial what we will build? We will build a full-stack web application that is a basic Todo Management Application with CRUD features:  Create Todo  List Todo  Update Todo  Delete  Todo  1. Backend development First, open the Spring initializr  https://start.spring.io Then, Provide the Group and Artifact name. We have provided Group name  com.knf.dev.demo  and Artifact  todo-service . Here I selected the Maven project - language  Java 17  -  Spring Boot 3.3.0 ,   Spring Web,  PostgreSQL Driver, Spring Data JPA,   and  Lombok . Then, click on the Generate button. When we click on the Generate button, it starts packing the project in a .zip( todo-service ) file and downloads the project. Then, Extract the Zip file.  Then, import the project on your favourite IDE.  Final Projec