Spring Boot + React Full Stack Web Application with Tailwind CSS
Daily Code Buffer
View ChannelAbout
Daily Code buffer is a channel where we create and publish videos on "How to" about different and latest technologies. - Software Engineering, Graphic Designing, Simplified concepts, and much more. This channel has been created to educate viewers (and the creators) with content they would like to learn. Our Approach: ----------------------- We understand the difficulties for the individual to grasp the concepts. We are trying to pick those concepts and simplify them for the individuals to understand them easily
Latest Posts
Video Description
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
Upgrade Your Everyday
AI-recommended products based on this video

Kasa Smart Outdoor Smart Plug by TP-Link (KP400) - Smart WiFi Outlet with 2 Sockets, IP64 Waterproof, Works with Alexa and Google Home, 2.4GHz WiFi Required, No Hub Required, Sunset & Sunrise Offset

Wireless Earbuds, Sports Bluetooth Headphones, 80Hrs Playtime Ear Buds with LED Power Display, Noise Canceling Headset, IPX7 Waterproof Earphones for Workout/Running(Black)

Wireless Earbuds, Bluetooth 5.4 Headphones HiFi Stereo with 4 HD Mic, 50H Playtime Bluetooth Earbuds with LED Display, IPX7 Waterproof Wireless Earphones, Touch Control Ear Buds,USB-C White

Wireless Earbuds, Bluetooth Ear Buds 5.4 Mini HiFi Stereo with 4 ENC Noise Cancelling Mics Wireless Headphones, in Ear Earphones 40H IP7 Waterproof, USB C, Bluetooth Earbuds for Sports, Gym, Rose

soundcore P31i by Anker, Real-Time Adaptive Noise Cancelling, Hi-Res Sound, Translation Earbuds, 50H Playtime, Wireless Earbuds, Bluetooth Earphones, Spatial Audio, Fast Charging, IP55 ClimatePartner certified

Brita Stainless Steel Premium Filtering Water Bottle, BPA-Free, Reusable, Insulated, Replaces 300 Plastic Water Bottles, Filter Lasts 2 Months or 40 Gallons, Includes 1 Filter, Carbon - 20 oz.

Simple Modern Filtered Water Bottle | Insulated Stainless-Steel Carbon Filter Travel Water Bottles | Reusable for Clean Drinking Water On The Go | 24oz, Sea Glass Sage

FITVII Health & Fitness Tracker (Answer/Make Calls), Smart Watch with 24/7 Heart Rate and Blood Pressure, Sleep Tracking Monitor, 120+ Sport Mode Activity Tracker

AYATAHA AYATAHA Smart Watch for Kids, Smartwatch Fitness Tracker for Boys Girls, Children's Activity Watch 37 Sports Modes SMS Notification, HD Full Touchscreen IP67 Waterproof, Blue

Iaret Iaret Smart Watch for Women, 1.83" HD Fitness Tracker with 4 Bands, Answer/Make Calls, Heart Rate/Sleep/SpO2/Step Tracking, 100+ Sport Modes, Android/iPhone Compatible Gift (Rose Gold)

Smart Watch for Men Women 1.8" Fitness Tracker, Bluetooth Call, DIY Dial, Heart Rate Sleep Blood Oxygen Monitor, 100+ Sports Modes, IP68 Waterproof Smartwatch for Android iPhone, Alexa Built-in

Hand Warmers 2 Pack, 14000mAh Rechargeable Hand Warmers, Electric Hand Warmer Reusable, Portable Power Bank USB Hand Warmers 4 Levels 8 Heating, Gifts for Raynauds Ski Golf Camping

Hand Warmers Rechargeable, 10000mAh Electric Heated Gloves Power Bank Portable Graphene Handwarmers Pouch with 3 Levels & Double-Sided Heating for Hunting Camping Golf Xmas Gifts for Women Men Kids

2Pack Rechargeable Hand Warmer, 8000mAh Electric Hand Warmer Power Bank, Portable USB-C Hand Warmer for Pocket, Reusable Hand Warmer Up to 8 hrs Each, Warm Gift for Men Women, for Hunting, Camping

GTOCE Portable Charger,40000mAh Power Bank with 22.5W Fast Charging LED Digital Display Battery Pack with 6 Outputs 2 Inputs, Type C Powerbank Portable Charger for iPhone 16 pro Samsung AirPods,Black

YMZ Smart Watch for Men Women, IP68 Waterproof, Bluetooth Calling, Fitness Tracker, Sleep Monitoring, 1.85'' DIY Dial, AI Built-in, 100+ Sports Modes, 7 Days Battery, Compatible with Android & iPhones

Smart Watch for Men Women 1.8" Fitness Tracker, Bluetooth Call, DIY Dial, Heart Rate Sleep Blood Oxygen Monitor, 100+ Sports Modes, IP68 Waterproof Smartwatch for Android iPhone, Alexa Built-in

Smart Watch for Men Women with Bluetooth Call, Alexa Built-in, Heart Rate & Sleep Monitor, 1.83" DIY Dial Fitness Watch with 100+ Sport Modes, IP68 Waterproof, Compatible with Android iOS

Smart Watch for Men Women with Bluetooth Call, Alexa Built-in, Heart Rate & Sleep Monitor, 1.83" DIY Dial Fitness Watch with 100+ Sport Modes, IP68 Waterproof, Compatible with Android iOS

Hydroponics Growing System Indoor Garden - Herb Garden with Grow Light, 15 Pods Stainless Steel Indoor Garden Kit, Auto Timer, Gardening Gift for All Ages

Umbra Triflora Hanging Planter for Window, Indoor Herb Garden, Set of 5, White/Black

Large Hydroponics Growing System 14 Pods, Indoor Herb Garden with LED Grow Light, 5L Water Tank, Hydroponic Grow Kit with 3 Auto-Timers, Rotatable Light Panel and Child Lock for Home School Gardening

Hanging Planter Hanging Plant Holder, 6 Inch 4 Indoor Plant Pots, Wall/Window Plant Hanger Indoor Herb Garden

Ninja Air Fryer Pro 5-in-1, 5 QT Capacity, Air Fry, Bake, Roast, Reheat, and Dehydrate, Air Crisp Technology, Nonstick Basket & Crisper Plate, Grey, AF142C

Glass Oil Sprayer for Cooking, 180ml Olive Oil Sprayer Bottle with Brush, Olive Oil Spray Mister, Kitchen Gadgets Accessories for Air Fryer, Canola Oil Spritzer (GREY)

Hi.FANCY Portable Laptop Stand with Dual Cooling Fans for 14-17inch Laptops, Grey, 23.5 x 25.9 x 0.95cm

Laptop Stand for Desk, Adjustable Laptop Riser ABS+Silicone Foldable Portable Laptop Holder, Ventilated Cooling Notebook Stand for 10-15.6โ Laptops,Tablet-Black

JETech 5 in 1 Case for Samsung Galaxy S25 Ultra 5G with 2-Pack Each Tempered Glass Screen Protector and Camera Lens Protector, Non-Yellowing Shockproof Bumper Phone Cover (Clear)

TAURI for iPhone 17 Pro Max Case 6.9" with 1-Pack Screen Protector, Camera Lens Full Protection, Military-Grade Protection, Shockproof Transparent Back Bumper Phone Cover - Clear Global Recycled Standard

TAURI for iPhone 17 Pro Case 6.3" with 1-Pack Screen Protector, Camera Lens Full Protection, Military-Grade Protection, Shockproof Transparent Back Bumper Phone Cover - Clear Global Recycled Standard

JOINPAYA 1Set Rechargeable Hand Warmer Hand Heater for Winter Heating Levels Compact

Shakven Rechargeable Hand Warmer | Cute Comfortable Portable Hand Warmers,Ergonomic Adjustable Energy-Efficient Small Heater for Travel, Outdoor, Winter

OCOOPA IP45 Waterproof Hand Warmer Rechargeable, Up to 15hrs Heat,10000mAh Durable Quick Charge Electric Hand Heater, PD Compatible, 3 Levels for Outdoors, Heavy Duty, H01-PD PRO




