Angular E-commerce Template 🛍️

This is a modern, minimalist but functioning responsive e-commerce template built with Angular and TailwindCSS. It's designed to be a starting point for building full-featured e-commerce applications. The template includes a clean and customizable design, ideal for minimalist online stores.

Checkout and explore the Live website: https://angular-tailwind-e-commerce-template.vercel.app

Home Screen:

Checkout Screen:

Product Details Screen:

Features 🚀

• Responsive Layout: Fully responsive design optimized for mobile, tablet, and desktop.
• Bring Your Own API: Easy to integrate with your own backend API.
• Angular Components: Modular structure with reusable Angular components.
• TailwindCSS: Utility-first CSS framework for fast styling and leverage with Daisy UI.
• Product Listings: Showcase products with detailed views.
• Shopping Cart: Add products to the cart, view items, and proceed to checkout.
• Favorite Product: Favorite product, add and remove from favorite items.
• Customizable Design: Easily change colors, fonts, and styles using TailwindCSS.
• Light/Dark theme: Support Light mode and Dark mode by default.
• LocalStorage items: Shopping cart items, favorite items are stored in localStorage.
• Pre-configured Environment: Ready-to-use Angular and TailwindCSS setup for fast development.

Tech Stack

• Angular 19 (Signal + SPA)
• TailwindCSS
• Daisy UI
• TypeScript
• Font Awesome
• FakeStore API (For prototyping)

Contribution

Feel free to fork this repository and contribute feature-request, improvements, bug fixes. To contribute:

1. Fork the repository
2. Create a new branch (git checkout -b feature-branch)
3. Commit your changes (git commit -am 'Add new feature')
4. Push to the branch (git push origin feature-branch)
5. Create a new pull request