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
https://github.com/C0de-cake/ecommerce-app
Schema documentation
https://github.com/C0de-cake/ecommerce-app/blob/main/schema-ecommerce-app.png
Hero.webp
https://github.com/C0de-cake/ecommerce-app/tree/main/apps/ecom-frontend/public/home
Liquibase file
https://github.com/C0de-cake/ecommerce-app/tree/main/apps/ecom-backend/src/main/resources/db
Shared backend package
https://github.com/C0de-cake/ecommerce-app/tree/main/apps/ecom-backend/src/main/java/fr/codecake/ecom/shared
application.yml
https://github.com/C0de-cake/ecommerce-app/blob/main/apps/ecom-backend/src/main/resources/application.yml

Видео Build a Full Stack E-commerce app with Spring boot 3, PostgreSQL, Angular 18 and Tailwind CSS (2024) канала Cyril from CodeCake