https://github.com/santidev21/marketplace
Simple Marketplace built with Angular 16 and FakeStoreAPI. Displays products with cards, ratings, and detail pages. UI practice with Angular Material.
https://github.com/santidev21/marketplace
angular rest-api typescript
Last synced: about 2 months ago
JSON representation
Simple Marketplace built with Angular 16 and FakeStoreAPI. Displays products with cards, ratings, and detail pages. UI practice with Angular Material.
- Host: GitHub
- URL: https://github.com/santidev21/marketplace
- Owner: santidev21
- Created: 2023-10-08T22:21:31.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2025-08-02T22:24:01.000Z (11 months ago)
- Last Synced: 2026-05-03T10:47:44.991Z (about 2 months ago)
- Topics: angular, rest-api, typescript
- Language: TypeScript
- Homepage:
- Size: 749 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Marketplace 🛒
A simple **Marketplace project** built with **Angular 16**, using the public API [FakeStoreAPI](https://fakestoreapi.com) to display products.
This project was developed to practice REST API consumption, UI components, and Angular Material.
## 📸 Demo
## 🚀 Technologies Used
- **Angular 16**
- **Angular Material**
- **TypeScript**
- **RxJS**
## ✨ Features
- Integration with [https://fakestoreapi.com](https://fakestoreapi.com)
- Product listing with:
- Image
- Name
- Price
- Rating (displayed with stars ⭐)
- Custom star-rating component
- Responsive design using Angular Material
- Basic product detail page
## 📁 Project Structure
```plaintext
/src
┣ app
┃ ┣ components
┃ ┃ ┣ footer → site footer
┃ ┃ ┣ header-menu → header / menu
┃ ┃ ┗ main-page
┃ ┃ ┗ home
┃ ┃ ┣ product-card → product card component
┃ ┃ ┗ product-detail → product detail component
┃ ┣ shared
┃ ┃ ┗ star-rating → ⭐ custom star rating component
┃ ┣ models → TypeScript models
┃ ┣ services → API services
┃ ┣ app-routing.module.ts
┃ ┗ app.module.ts