Spring Boot React JS Full-Stack Project | Spring Boot React Crash Course [2024] 🔥🔥🔥
Vložit
- čas přidán 12. 02. 2024
- In this hands-on project-oriented course, you will dive into full-stack web app development using the powerful combination of Spring Boot and React JS.
In this course, you will build a full-stack web application (Employee Management System App) using Java 17, Spring Boot 3, Spring Data JPA, React JS 18, JavaScript, and MySQL database.
In this course, we will use the latest version of Spring Boot (3+), Spring Security (6+), React JS (18+), and MySQL database (8+). We will use modern and popular tools to build full-stack web applications such as IntelliJ IDEA, VS Code, Maven, Postman, NPM, etc.
Course content:
1 - Project Overview and Architecture
2 - Create & Setup Spring Boot App in IntelliJ IDEA
3 - Configure MySQL Database in Spring Boot App
4 - Create Employee JPA Entity
5 - Create EmployeeRepository
6 - Create EmployeeDto and EmployeeMapper
7 - Build Add Employee REST API (POST REST API)
9 - Build Get All Employees REST API
10 - Build Update Employee REST API (PUT REST API)
11 - Build Delete Employee REST API
12 - Create and Set up a React App
13 - Understanding React App Project Structure
14 - Adding Bootstrap in React Using NPM
15 - Create a React Component to Display Employee Data
16 - Connect React App to Get All Employees REST API
17 - Adding Header and Footer to React App
18 - Configure Routing in a React App
19 - Create React EmployeeComponent & Add Route
20 - Add Employee Form Handling in the React App
21 - Connect React App to Add Employee REST API
22 - Add Employee Form Validation in the React App
23 - Adding Update Button, Title, and Route
24 - Connect React App to Get Employee REST API
25 - Connect React App to Update Employee REST API
26 - Implement the Delete Employee Feature in the React App
Udemy Course: www.udemy.com/course/full-sta...
#reactjs #springboot #fullstackwebdevelopment
"Thanks for tuning in! If you've gained insights from this video, show your support with a 👍 and share it with others who might benefit as well. Your likes and shares tremendously help us connect with more Java enthusiasts like you! Don’t forget to subscribe for more updates. Let’s grow our community together! 🌟 #JavaGuides #JavaDevelopers"
We always support you. BTW, your ongoing Java Coding Programs shorts series is amazing and very useful
Please add spring boot project crud operation class contain one to many and many to one relationship and also testing also
Very useful project. I was able to grasp the ideas behind Spring Boot and React! Also very clear explanation. You won't waste these 3 hours. Thank You So Much :)
High quality and best spring boot react course on CZcams.
Your channel is the fantastic destination for Java Developer, appealing to everyone eager to learn.
Great video
I almost covered all my react concepts
Thank you very much 🙏
Thanks this amazing and latest full stack project
completed. Thanks for the lession
Thank You Sir, even first 20 minutes, I learned lot of things❤
thank you 🎉🎉🎉🎉🎉
Thank you bro
amazing video
I am waiting for this combination of full stack course ... please do some more projects with this technologies and add microservices as well for this course would be great
2:37:32 from where did this employee object appeared. Is it the const employee = {firstName, lastName, email} from EmployeeComponent, in myIDE neither auto suggestion triggered nor i am able to figure out any export reference. Help. NIce tutorial.Thanks
Sir lecture is great but please use darkmode for spring boot as well,it's really helpful for our fellow developers
Superb sir for this quality... content ❤ love...u man 🤍
If possible, Please also make a video for the same changing front end technology Angular or Vue js
It would be very useful for everyone.
Thank you so much for this great content.
Will plan for VueJS. The angular course is already there in this channel
Did you have react js full course?
❤❤❤
Show starts at 1:10:05 . there is so many repeating lines. this video could have been 1 hour long only. anyways, awesome tutorial
Thanks for this! I was already in the process of making my own Spring boot-React employee management system, and this will help!
One suggestion is to include timestamps (chapters) in the video. Would be really useful!
Yes. I will add the same. Thanks
@@JavaGuides 👍🏻
while adding form validation {errors.firstName && {errors.firstName} } it is showing error jsx must have one parent element.
close the div tag properly ,it is not component it is html tag
Is this project using monolithic or microservices architecture ?
MONOLITHIC
thank you so much but can you please share us the source code for free please thank you
Thank you for this tuto
However at 37:24 the app won't launch for me when using @AllArgsConstructor, but will with @NoArgsConstructor.
The CLI tells me "Parameter 0 of constructor in (here the controllerPackageName) required a bean of type '(here the servicePackageName)' that could not be found."
Then after trying it in Postman (with @NoArgs), I got a 500 error code with this message :
"Cannot invoke "pathToService_createDto_method" because "\this.employeeService\" is null in (the CRUD controller)"
@@yoshimeliajason6262 install Lombok plugin