An Angular-based e-commerce web application with user authentication, product catalog, cart management, Stripe payment integration, and modular design using lazy loading. UI is built with Bootstrap and custom CSS.
This project is a work in progress. Features are being implemented and refined continuously. Expect updates and improvements as development continues.
- Login Page – Secure login interface.
- Product Listing Page
- Lazy-loaded module.
- Data fetched from static data.json.
- Responsive Bootstrap grid.
- Image zoom feature.
- Next/Previous product navigation.
- "Add to Cart" button.
- Similar products shown at the bottom.
- View cart items.
- Update quantity.
- Remove items.
- Stripe integration.
- Payment success page.
- Modular structure with lazy loading for performance.
- Designed using Bootstrap.
- Custom CSS used where required.
Clone Repo
- git clone https://github.com/your-repo/angular-ecommerce.git
- cd angular-ecommerce
- npm install Run the App
- ng serve Access
- http://localhost:4200
Replace the placeholder Stripe keys in the payment component with your Stripe public key.
- Use Stripe Test Cards: https://stripe.com/docs/testing
Product data is fetched from /assets/data.json using Angular's HttpClient.
ng build --prod
- Ensure your data.json is well-structured and located in assets/.
- Uses Bootstrap 5; ensure it's included in angular.json.
This project is for educational/demo purposes. Thanks for checking it out!