Spring Boot + React Full Stack Web Application with Tailwind CSS

In this Spring Boot tutorial, you will learn Spring Boot full stack with React and Tailwind CSS. React is a library to build front-end apps. For this Spring Boot tutorial, you will learn how to build an API, along with a React application that will consume the API.

🗒 Project Source Code: https://github.com/shabbirdwd53/employee-management-service-tutorial

📚Course Content📚
⌚ (00:00) Intro
⌚ (01:56) Creating Basic App
⌚ (05:39) Creating React App
⌚ (09:46) Adding SQL Configuration
⌚ (13:02) React Basic Structure
⌚ (14:09) Adding Tailwind CSS to Project
⌚ (17:28) Adding Header in React App
⌚ (19:00) VS Code Plugins
⌚ (20:24) Continuing to Add Header in React App
⌚ (23:29) Creating NavBar Component
⌚ (26:44) Creating AddEmployee Component in React
⌚ (36:38) Creating Save Employee API
⌚ (49:05) Adding Axios to Project & Creating Service
⌚ (57:17) Handling Save in React
⌚ (01:06:20) Creating Get All Employee API
⌚ (01:10:53) Adding React Router 6 in Project
⌚ (01:17:01) Creating EmployeeList Component in React
⌚ (01:27:14) Enhancing Add Employee
⌚ (01:29:09) Fetching data and displaying in EmployeeList Component
⌚ (01:38:04) Optimizing EmployeeList Component
⌚ (01:27:14) Enhancing Add Employee
⌚ (01:42:06) Managing Router after Adding Employee
⌚ (01:45:58) Creating Delete Employee API
⌚ (01:50:20) Handling Delete Employee from React
⌚ (01:59:20) Creating Get Employee and Edit Employee by ID API
⌚ (02:06:27) Creating UpdateEmployee Component in React
⌚ (02:12:29) handling Update Employee functionality in React


🎟 Join this channel to get access to perks:
https://www.youtube.com/channel/UC4VZwhJ4T42SVHy9QbZ5rKw/join


RECOMMENDED COURSES
🎬 Microservices using SpringBoot | Full Example - https://youtu.be/BnknNTN8icw
🎬 Event-Driven Microservices with CQRS Design Pattern - https://youtu.be/sthMcMrspCM
🎬 Implement SAGA Design Pattern using Spring boot and Axon Framework - https://youtu.be/pUFGOngzJig
🎬 Spring Data JPA Tutorial | Full In-depth Course - https://youtu.be/XszpXoII9Sg
🎬 Deploy Springboot Microservices to Kubernetes Cluster - https://youtu.be/VAmntTPebKE
🎬 Automate Microservices deployment with Github Actions - https://youtu.be/snZtITKxUBM
🎬 Go / Golang Full Course for Beginners - https://youtu.be/1NF2LtWbA1g
🎬 Node JS Full Course for Beginners: Learn in 2 Hours - https://youtu.be/ZWhoAwTyXFs
🎬 Express.js Tutorial - Beginner | 2021 - https://youtu.be/ZfzGquJLCAA
🎬 Redis CLI Tutorial | Complete Course - https://youtu.be/0wqZd3zwh7Y


BE MY FRIEND:
👨‍💻. Website: http://www.dailycodebuffer.com/
👨‍🏫 Facebook: https://www.facebook.com/dailycodebuffer
🐦 Twitter: https://twitter.com/DailyCodeBuffer
📸 Instagram: https://www.instagram.com/dailycodebuffer
🎮 GitHub: https://github.com/dailycodebuffer


MY FAVOURITE GEAR:
👨‍💻 My Macbook Air M1: https://amzn.to/3eFXlID
💻 ASUS ROG Zephyrus G14, 14": https://amzn.to/32xsXhf
💻 ASUS ROG Zephyrus G14, 14" (US): https://amzn.to/3xa6X6m
🎤 My Main Mic: https://amzn.to/3qDl0z0
🎤 My Main Mic (US): https://amzn.to/3awzUj7
🎙 My Secondary Mic: https://amzn.to/3sOZCJW
🖥 My LG Monitor: https://amzn.to/3zhLY3e
🖱 My Mouse: https://amzn.to/3eDpRKT
⌨️ My Keyboard: https://amzn.to/32xthMZ


RECOMMENDED BOOKS:
📙 Mastering Spring Boot 2.0 (Kindle): https://amzn.to/3HsOiHu
📙 Mastering Spring Boot 2.0 (US): https://amzn.to/3tHNUy5
📙 Building Microservices(Kindle): https://amzn.to/3gsA1jL
📙 Building Microservices(US): https://amzn.to/3dDnfNn
📙 Spring Boot in Action: https://amzn.to/32Nf3qW
📙 Spring Boot in Action (US): https://amzn.to/32DkeX9
📙 Spring Microservices in Action: https://amzn.to/3mQ4sCH
📙 Spring Microservices in Action(US): https://amzn.to/32G3Hl7


🎻 MUSIC:
🎵 Hear the Noise (Sting): https://www.youtube.com/audiolibrary/music?nv=1
“Sound effects obtained from https://www.zapsplat.com“

#FullStack #SpringBoot #React #TailwindCSS #DailyCodeBuffer

Тэги:

#react #react_js #react_tutorial #spring_boot #spring_boot_react #spring_boot_tutorial #spring_boot_java #spring_boot_rest_api #spring_boot_web_application #spring_boot_crash_course #spring_boot_crud #reactjs_basics #reactjs_projects #reactjs_app_tutorial #spring_boot_full_stack_project #spring_boot_full_stack_application #spring_boot_full_stack_developer #spring_boot_full_stack #spring_boot_and_mysql_tutorial #spring_boot_project #spring_boot_application #react_js_project

Скачать видео