https://github.com/mkaczmarski07/e-commerce

Full-Stack E-Commerce web application built on Angular 16 & Firebase
https://github.com/mkaczmarski07/e-commerce

angular angular-fire firebase-auth firebase-database firebase-hosting rxjs typescript

Last synced: 2 days ago
JSON representation

Full-Stack E-Commerce web application built on Angular 16 & Firebase

• Host: GitHub
• URL: https://github.com/mkaczmarski07/e-commerce
• Owner: MKaczmarski07
• License: mit
• Created: 2023-10-10T14:43:17.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2023-12-17T18:39:43.000Z (about 1 year ago)
• Last Synced: 2023-12-17T22:10:32.440Z (about 1 year ago)
• Topics: angular, angular-fire, firebase-auth, firebase-database, firebase-hosting, rxjs, typescript
• Language: TypeScript
• Homepage:
• Size: 964 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# E-Commerce platform

## About

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.

## Key Features

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

## User Interface

![home](https://github.com/user-attachments/assets/c12cf253-c4de-4096-a5bc-c70221ba308c)

![product](https://github.com/user-attachments/assets/d7d30d07-80c1-464f-8e58-917ad099b4c0)

![cart](https://github.com/user-attachments/assets/853dca67-9117-4bcb-b9e4-f0a6a8475cb9)

![data](https://github.com/user-attachments/assets/70aa1f90-b4a4-4ffa-9e49-91de25ee0304)

## Technology Stack

[Angular 🔗](https://angular.io)


[TypeScript 🔗](https://typescriptlang.org)


[RxJS 🔗](https://rxjs.dev)


[Firebase Cloud Services 🔗](https://firebase.google.com)


[Angular Fire 🔗](https://github.com/angular/angularfire)


[Sass 🔗](https://sass-lang.com)


[TailwindCSS 🔗](https://tailwindcss.com)


[Keen-Slider 🔗](https://keen-slider.io)


## Login Details

An example user created for the live version:

Email: [email protected] 


Password: User_0

## 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