AnguShop is a modern e-commerce web application built with Angular 19. It showcases a scalable, maintainable architecture suited for real-world online stores. It uses a mock API for development, enabling a seamless shopping experience with advanced features like role-based access, smart filtering, secure checkout, and admin analytics.
- ✅ Angular 19 — Built using the latest Angular for top performance & maintainability
- 🔌 Fake API Integration — Mock API (
https://fakestoreapi.com) simulates real backend - 🔐 User Authentication — Register, login, and logout (customers/admins)
- 💳 PayPal Integration — Secure, real-time online payments
- 🛒 Product Management — Browse, search, filter, compare products
- 📦 Order Management — Place, view, and track orders
- 🛍️ Shopping Cart — Add/update/remove items with persistent state
- ⚖️ Product Comparison — Compare multiple products side-by-side
- 🔎 Smart Search & Filtering — Advanced options for quicker results
- 📺 Map-Based Complaints — Submit geolocation-based complaints
- 📊 Admin Dashboard — Manage catalog, orders, users, and view analytics
- 📱 Responsive & Accessible — Optimized for mobile/desktop, with accessibility in mind
- Manage users, products, categories, orders, and complaints
- View analytics and access admin dashboard
- Register, shop, pay, track orders
- Submit complaints using map interface
- Manage personal account
- Frontend: Angular 19, TypeScript, Bootstrap
- API: FakeStore API
Configuration in:
/src/app/api - Deployment: Netlify
# Clone the repository
git clone https://github.com/YoussefRaof/AnguShop.git
# Install dependencies
npm install🌐 https://angu-shop.netlify.app
Team Members: -Youssef Raof -Muhammed Abdulrahim -Mohamed Atef -Ahmed Mohamed -Ahmed Ezzat -Mohamed Sobhe
Have questions or suggestions? 👉 Open an issue or reach out on GitHub.