Real-time E-commerce web application, inspired by the Nike store. Through this project, I wanted to better understand Frontend-Backend communication using REST API and connect asynchronous data with UI. The application allows the user to experience the full purchasing process - from browsing products to placing an order.
- Token-based user authentication
- Fetching and displaying product data stored in the cloud NoSQL database.
- Displaying selected product categories
- Sorting products
- Adding new products to the store using the administration panel.
- Adding items to cart.
- Adding items to favorites.
- Simulation of the product ordering process, including a summary, selection of payment method and delivery address.
Angular 🔗
TypeScript 🔗
RxJS 🔗
Firebase Cloud Services 🔗
Angular Fire 🔗
Sass 🔗
TailwindCSS 🔗
Keen-Slider 🔗
An example user created for the live version:
Email: user@test.com
Password: User_0
Here's a step-by-step guide to help you get started with the project.
Before you begin, make sure you have the following installed on your machine:
- Node.js (version 18.0 or later)
- npm package manager (version 8.0 or later)
Let's start with installing all dependencies. Move to the app main workspace and run:
npm i
To create a localhost port you should type:
ng serve
Your application is ready at port 4200.
http://localhost:4200/
- All products in the store are created for presentation purposes and do not constitute a sales offer
- Product photos were created by me for this project