Spring Boot + React Full Stack Web Application with Tailwind CSS
102.8 هزار بار بازدید -
2 سال پیش
-
In this Spring Boot tutorial,
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/emplo...
📚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:
@dailycodebuffer
RECOMMENDED COURSES
🎬 Microservices using SpringBoot | Full Example - Microservices using SpringBoot | Full...
🎬 Event-Driven Microservices with CQRS Design Pattern - Implement CQRS Design Pattern with Sp...
🎬 Implement SAGA Design Pattern using Spring boot and Axon Framework - Implement SAGA Design Pattern using S...
🎬 Spring Data JPA Tutorial | Full In-depth Course - Spring Data JPA Tutorial | Full In-de...
🎬 Deploy Springboot Microservices to Kubernetes Cluster - Deploy Springboot Microservices to Ku...
🎬 Automate Microservices deployment with Github Actions - GitHub Actions Tutorial - Complete CI...
🎬 Go / Golang Full Course for Beginners - Golang Tutorial for Beginners | Learn...
🎬 Node JS Full Course for Beginners: Learn in 2 Hours - Node JS Full Course for Beginners: Le...
🎬 Express.js Tutorial - Beginner | 2021 - Express.js Tutorial - Beginner | 2021
🎬 Redis CLI Tutorial | Complete Course - Redis CLI Tutorial | Complete Course
BE MY FRIEND:
👨💻. Website: http://www.dailycodebuffer.com/
👨🏫 Facebook: Facebook: dailycodebuffer
🐦 Twitter: Twitter: DailyCodeBuffer
📸 Instagram: Instagram: 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/...
“Sound effects obtained from https://www.zapsplat.com“
#FullStack #SpringBoot #React #TailwindCSS #DailyCodeBuffer
🗒 Project Source Code: https://github.com/shabbirdwd53/emplo...
📚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:
@dailycodebuffer
RECOMMENDED COURSES
🎬 Microservices using SpringBoot | Full Example - Microservices using SpringBoot | Full...
🎬 Event-Driven Microservices with CQRS Design Pattern - Implement CQRS Design Pattern with Sp...
🎬 Implement SAGA Design Pattern using Spring boot and Axon Framework - Implement SAGA Design Pattern using S...
🎬 Spring Data JPA Tutorial | Full In-depth Course - Spring Data JPA Tutorial | Full In-de...
🎬 Deploy Springboot Microservices to Kubernetes Cluster - Deploy Springboot Microservices to Ku...
🎬 Automate Microservices deployment with Github Actions - GitHub Actions Tutorial - Complete CI...
🎬 Go / Golang Full Course for Beginners - Golang Tutorial for Beginners | Learn...
🎬 Node JS Full Course for Beginners: Learn in 2 Hours - Node JS Full Course for Beginners: Le...
🎬 Express.js Tutorial - Beginner | 2021 - Express.js Tutorial - Beginner | 2021
🎬 Redis CLI Tutorial | Complete Course - Redis CLI Tutorial | Complete Course
BE MY FRIEND:
👨💻. Website: http://www.dailycodebuffer.com/
👨🏫 Facebook: Facebook: dailycodebuffer
🐦 Twitter: Twitter: DailyCodeBuffer
📸 Instagram: Instagram: 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/...
“Sound effects obtained from https://www.zapsplat.com“
#FullStack #SpringBoot #React #TailwindCSS #DailyCodeBuffer
2 سال پیش
در تاریخ 1400/11/09 منتشر شده
است.
102,864
بـار بازدید شده