Showcase PlatziStore: Angular 19 E-commerce App with Full CRUD and Tailwind UI

README.md

@@ -1,73 +1,60 @@
-<p align="center">
-  <a href="http://nestjs.com/" target="blank"><img src="https://nestjs.com/img/logo_text.svg" width="320" alt="Nest Logo" /></a>
-</p>
-
-[circleci-image]: https://img.shields.io/circleci/build/github/nestjs/nest/master?token=abc123def456
-[circleci-url]: https://circleci.com/gh/nestjs/nest
-
-  <p align="center">A progressive <a href="http://nodejs.org" target="_blank">Node.js</a> framework for building efficient and scalable server-side applications.</p>
-    <p align="center">
-<a href="https://www.npmjs.com/~nestjscore" target="_blank"><img src="https://img.shields.io/npm/v/@nestjs/core.svg" alt="NPM Version" /></a>
-<a href="https://www.npmjs.com/~nestjscore" target="_blank"><img src="https://img.shields.io/npm/l/@nestjs/core.svg" alt="Package License" /></a>
-<a href="https://www.npmjs.com/~nestjscore" target="_blank"><img src="https://img.shields.io/npm/dm/@nestjs/common.svg" alt="NPM Downloads" /></a>
-<a href="https://circleci.com/gh/nestjs/nest" target="_blank"><img src="https://img.shields.io/circleci/build/github/nestjs/nest/master" alt="CircleCI" /></a>
-<a href="https://coveralls.io/github/nestjs/nest?branch=master" target="_blank"><img src="https://coveralls.io/repos/github/nestjs/nest/badge.svg?branch=master#9" alt="Coverage" /></a>
-<a href="https://discord.gg/G7Qnnhy" target="_blank"><img src="https://img.shields.io/badge/discord-online-brightgreen.svg" alt="Discord"/></a>
-<a href="https://opencollective.com/nest#backer" target="_blank"><img src="https://opencollective.com/nest/backers/badge.svg" alt="Backers on Open Collective" /></a>
-<a href="https://opencollective.com/nest#sponsor" target="_blank"><img src="https://opencollective.com/nest/sponsors/badge.svg" alt="Sponsors on Open Collective" /></a>
-  <a href="https://paypal.me/kamilmysliwiec" target="_blank"><img src="https://img.shields.io/badge/Donate-PayPal-ff3f59.svg"/></a>
-    <a href="https://opencollective.com/nest#sponsor"  target="_blank"><img src="https://img.shields.io/badge/Support%20us-Open%20Collective-41B883.svg" alt="Support us"></a>
-  <a href="https://twitter.com/nestframework" target="_blank"><img src="https://img.shields.io/twitter/follow/nestframework.svg?style=social&label=Follow"></a>
-</p>
-  <!--[![Backers on Open Collective](https://opencollective.com/nest/backers/badge.svg)](https://opencollective.com/nest#backer)
-  [![Sponsors on Open Collective](https://opencollective.com/nest/sponsors/badge.svg)](https://opencollective.com/nest#sponsor)-->
-
-## Description
-
-[Nest](https://github.com/nestjs/nest) framework TypeScript starter repository.
-
-## Installation
-
-```bash
-$ npm install
-```
+# PlatziStore 🛒
 
-## Running the app
+PlatziStore is a modern, responsive e-commerce web application built with Angular 19, TypeScript, and Tailwind CSS. It connects to the [Platzi Fake API](https://fakeapi.platzi.com/en/about/introduction) and provides full **CRUD** functionality for managing products.
 
-```bash
-# development
-$ npm run start
+> 🌐 **Live Demo:** [https://ssl-ecommerce.vercel.app](https://ssl-ecommerce.vercel.app)  
 
-# watch mode
-$ npm run start:dev
+---
 
-# production mode
-$ npm run start:prod
-```
+## ✨ Features
+
+- ✅ List all products  
+- 🛍️ View product details  
+- 🔍 Filter products by category  
+- 🔎 Search products by title  
+- ➕ Create a new product  
+- ✏️ Update existing product  
+- ❌ Delete product  
+- 🛒 Add/remove products from the shopping cart (with localStorage)
+- ✅ Real-time form validation  
+- 🎨 Fully responsive UI with Tailwind CSS
+
+---
+
+## 🧰 Tech Stack
 
-## Test
+| Tech        | Description                                |
+|-------------|--------------------------------------------|
+| **Angular** | Angular 19 with standalone components       |
+| **TypeScript** | Strongly typed development                |
+| **Tailwind CSS** | Utility-first modern styling           |
+| **Platzi Fake API** | RESTful API for product data        |
+| **Vercel**   | Deployment platform for the live site     |
 
-```bash
-# unit tests
-$ npm run test
+---
 
-# e2e tests
-$ npm run test:e2e
+## Getting Started
 
-# test coverage
-$ npm run test:cov
+### 1️⃣ Clone the Repository
+
+```sh
+git clone https://github.com/mdsajalali/platzi-store.git
+cd platzi-store
 ```
 
-## Support
+### 2️⃣ Install Dependencies
+
+```sh
+npm install
+```
 
-Nest is an MIT-licensed open source project. It can grow thanks to the sponsors and support by the amazing backers. If you'd like to join them, please [read more here](https://docs.nestjs.com/support).
+### 3️⃣ Run the Project
 
-## Stay in touch
+```sh
+ng serve
+```
 
-- Author - [Kamil Myśliwiec](https://kamilmysliwiec.com)
-- Website - [https://nestjs.com](https://nestjs.com/)
-- Twitter - [@nestframework](https://twitter.com/nestframework)
+The app will be available at **http://localhost:4200** 🚀
 
-## License
+---
 
-Nest is [MIT licensed](LICENSE).