Build a Full Stack E-commerce app with Spring boot 3, PostgreSQL, Angular 18 and Tailwind CSS (2024)

🚀 Welcome to this complete full-stack development guide where we create an e-commerce clone using some of the latest and most efficient technologies in 2024! In this YouTube tutorial, we'll dive deep into using Spring Boot 3 for our backend development, Angular 18 for the frontend, and integrate Tailwind CSS with Daisy UI for sleek and responsive UI components. Our database management will be handled by PostgreSQL, which ensures robust data handling. For secure authentication, we're utilizing Kinde.

🎯 By the end of this tutorial, you'll have a fully functional e-commerce platform and a deeper understanding of creating a full-stack application from scratch. You'll be equipped with the knowledge to tackle similar large-scale projects and incorporate these technologies into your future endeavours.

Chapters
- 03:27 Generate NX project + Angular
- 16:28 UI architecture (Frontend)
- 30:21 Generate Backend (Backend)
- 54:11 Authentication and Authorization (Backend)
- 2:02:06 Authentication and Authorization (Frontend)
- 2:34:50 Product and Category CRUD (Backend)
- 3:48:13 Product and Category CRUD (Frontend)
- 4:55:42 Homepage (Backend)
- 5:01:14 Homepage (Frontend)
- 5:16:53 Product details (Backend)
- 5:27:09 Product details (Frontend)
- 5:44:41 Products (Backend)
- 5:50:41 Products (Frontend)
- 6:17:26 Carts and payments part 1 (Backend)
- 6:40:40 Carts and payments part 1 (Frontend)
- 7:14:48 Carts and payments part 2 (Backend)
- 7:47:31 Carts and payments part 2 (frontend)
- 8:24:18 Order user and Admin (Backend)
- 8:38:03 Order user and admin (Frontend)
- 8:55:01 Conclusion

Each commit comes with a chapter

Resources
Source code repository
Schema documentation
Liquibase file
Shared backend package

[dagnogoyaya]

Very good tutorial Thank you so much please don't stop .... continue with deployment of mono-repo app

[jkfy]

Such an amazing tutorial. Thank you so much for your efforts and talents. Please continue making more projects. You honestly make a great impact on peoples' lives.

[marcelobc]

Congrats from Brazil, great tutorial!

[mezensboui]

oh man one e-commerce app without complexeties thanks man

[ОАффафаф]

you are the best, hello from kyrgyzstan

[manojdmaiya]

Awesome man, Thanks a lot ! I usually skip the ads btwn, but am watching ads too for your videos, since it has a very good content and lots of efforts!

[camachoo-ut]

You are bringing so much value Cyril please don't stop 👍🏻

[devichandanae.m]

I am a big fan of yours. 😊 Thank you! 🙏

[Fazer]

Шикарно! Особенно, за транзакции и админ панель спасибо!

[moisesvillalba]

Great tutorial 🎉 Congrats from Paraguay

[borelmba]

Thanks a lot for this tutorial 🙏 from Cameroon

[martinMartin-lglb]

Thanks for sharing your knowledge !!!!

[sadiulhakim]

Thanks for this video. Keep up the good work.

[JavaSpring-wd]

Nice to see you again, keep going💪💪💪💪💪

[octavian]

For the fix at part 40:28 (concerning "schema "ecommerce-yt" does not exist
") It would be nice to have a solution for people who don't have Intellij Ultimate Edition, since Intellij Community Edition doesn't have some of the database plugin features

[az]

Stripe is the best part 🎉, merci merci merci 😎

[ashishlesnar]

Thank you so much for this tutorial, really needed

[lance_c]

Bro thank you so much. love from 🇵🇭🇵🇭🇵🇭

[whizzie]

cool, seems I am going to start angular from here

[eulu_]

Merci for the video! Like in advance 👍