Are you ready to level up your full-stack skills and build something awesome?

In this tutorial series, I'll be walking you through the process of creating a fully functional pet e-commerce 🐾🐾 application from scratch using Angular, NestJS, Prisma, Firebase, GraphQL, and PostgreSQL. This app will be a complete e-commerce solution, allowing users to browse products, add items to their cart, manage their orders, and make payments via Stripe.

The above image shows the architecture of the final application, deployed to CloudWays.

Sign Up on CloudWays for deployment

Part 1: Setting Up the Foundation

In this first part of the series, we'll set up our project using Nx, create our backend with NestJS, add Prisma for easier database interactions, and set up our frontend with Angular. We’ll then use GraphQL and Apollo to get our product data from the backend to the frontend of our application.

As we progress through the series, you will gain valuable experience working with a range of technologies and techniques. The finished product will not only be a functional and engaging application but also a valuable addition to your portfolio.

Part 2: Implementing products list, add to cart, checkout, and stripe payments

In the second part, we implemented the products list page, the product card component, the cart component and adding items to the cart, the checkout page, and stripe payments.

Finally, we also deployed the frontend application on cloudways, working seamlessly with the deployed backend app on the same Cloudways instance.

Part 3: (coming soon)

Let me know in the comments how you feel about this tutorial series. And as always, Happy coding!

Best regards,
Ahsan

Still thinking? Start with the first video here 👇🏽