ShopVerse is a modern e-commerce frontend application built with Angular 18. This project provides a complete online shopping experience with user authentication, product browsing, cart management, checkout process, and admin dashboard for product and category management.
- Features
- Technologies Used
- Project Structure
- Setup and Installation
- Preview
- API Integration
- Contributing
- Author
- User Authentication: Registration, login, and account activation
- Product Browsing: View all products or filter by category
- Search Functionality: Find products using the search bar
- Shopping Cart: Add, update, and remove items
- Checkout Process: Shipping information, payment details, and order confirmation
- Admin Panel: Complete product and category management
- Responsive Design: Works on desktop, tablet, and mobile devices
- Angular 18
- Angular Material UI
- RxJS
- JWT Authentication
- REST API Integration
Below are previews of key screens from the application:
The main landing page.
Visually browse different product categories.
Showcase of highlighted products.
Highlighting the main benefits of shopping with ShopVerse.
User authentication screen.
User registration form.
Browse all products with category filtering.
Detailed view of a specific product.
Results page after searching for products.
View and manage items in the cart.
Complete the purchase with shipping and payment details.
Overview of store management for administrators.
Admin interface for managing products.
Form for adding new products to the store.
Admin interface for managing product categories.
-
Clone the repository
git clone https://github.com/galileo680/ecommerce-frontend.git cd ecommerce-frontend -
Install dependencies
npm install -
Configure environment
- Update
src/environments/environment.tswith your API URL
- Update
-
Run the development server
ng serve -
Build for production
ng build --prod
Bartłomiej Głuchowicz