Building a Full-Stack App Project in React and Spring Boot | Java | PostgreSQL | ReactJS

Create an API in Spring Boot and a Frontend in React with this code-along tutorial. The app is a simple app with Pokémon data (stored locally in a PostgreSQL database): you can add new Pokémon with images, set the quantity of those Pokémon, and delete them. This basically covers the CRUD API functionality. On the frontend side we are using Vite to setup the app and Tailwind for styling. Additionally we will using these libraries in React: react-query, axios, @heroicons/react, and react-hot-toast.

00:00 App Preview
00:20 Setup Spring Boot Project
00:41 Create Database
01:46 Create API (Spring Boot)
08:57 Testing API in HTTP Client
09:24 Create a Database seeder service
16:35 Setup React frontend with Vite
18:02 Create frontend app
51:55 Final result

► Social Media

► Music
Creative Commons — Attribution-NoDerivs 3.0 Unported — CC BY-ND 3.0

[nelsinosouza]

I have a feeling that this channel is gonna help me a lot. Thanks for sharing this :)

[teodorfon]

Thank you for the video, its very helpful!

[stone]

Hello, everyone!
Tutorial is awesome, thank you for uploading it.
I have a dumb questions sir, how to run react app? You used vite, I am new to it. thank you

[aiduongvo]

Can i ask what is the purpose of creating the Database seeder service ?