The following project is a real-time E-commerce web application, implemented with Angular & Firebase Cloud. The application allows users to experience the full purchasing process - from browsing products to placing an order.
- Through this project, I wanted to better understand Frontend-Backend communication using REST API and connect asynchronous data with UI.
- The majority of code focuses on Frontend side of the application, while backend features are handled by Firebase.
- Apart from the Angular, the project heavily utilizes RxJS library and Observer Pattern.
- User interface is optimized for all types of devices.
🔷 Token-based user authentication, based on Firebase.
🔷 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.
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