About The Project

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.

Learning Objectives

• 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.
  

Used Technologies

Application Features

🔷 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.

User Interface

Landing page

Adding product to the cart

Cart details

Delivery details

Installation Guide ⚙️

Here's a step-by-step guide to help you get started with the project.

Prerequisites

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)

Installation

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/

License and Copyrights 📜

• 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