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

Published: 31 January 2022
on channel: coder4life

9,339

181

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.

Sourcecode: https://github.com/another-coder4life...

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
  / coder4_life
https://github.com/another-coder4life
  / coder4.life.code

► Music
Path Switch by tubebackr   / tubebackr
Creative Commons — Attribution-NoDerivs 3.0 Unported — CC BY-ND 3.0
Free Download / Stream: https://bit.ly/3EoNQsO
Music promoted by Audio Library    • Path Switch – tubebackr (No Copyright...