https://github.com/Kei-K23/angular-tailwind-e-commerce-template
This is a modern, 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.
https://github.com/Kei-K23/angular-tailwind-e-commerce-template
angular angular-19 daisyui tailwindcss
Last synced: about 1 month ago
JSON representation
This is a modern, 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.
- Host: GitHub
- URL: https://github.com/Kei-K23/angular-tailwind-e-commerce-template
- Owner: Kei-K23
- Created: 2025-03-11T07:55:55.000Z (about 2 months ago)
- Default Branch: main
- Last Pushed: 2025-03-11T17:53:56.000Z (about 2 months ago)
- Last Synced: 2025-03-11T18:43:53.315Z (about 2 months ago)
- Topics: angular, angular-19, daisyui, tailwindcss
- Language: TypeScript
- Homepage:
- Size: 181 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-angular - angular-tailwind-e-commerce-template - This responsive e-commerce template, built with Angular and TailwindCSS, combines modern aesthetics with functionality. Designed as a foundation for developing robust e-commerce applications, it features a sleek, customizable design, perfect for minimalist online shops. (Table of contents / Angular)
- fucking-awesome-angular - angular-tailwind-e-commerce-template - This responsive e-commerce template, built with Angular and TailwindCSS, combines modern aesthetics with functionality. Designed as a foundation for developing robust e-commerce applications, it features a sleek, customizable design, perfect for minimalist online shops. (Table of contents / Angular)
README
# 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](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