Skip to content

This is an example project of an e-commerce web app made with Firebase which provides features like Realtime Database and Authentication

Notifications You must be signed in to change notification settings

michaelizergit/E-commerce-with-Firebase-

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 

Repository files navigation

E-commerce-with-Firebase-

This is an example you can use as reference or model to make your own online e-commerce using services provided by Firebase as Real-Time Database and Authentication from different providers (google, facebook, github, etc)

Version 1.0

Features

  • Authentication with email and password.
  • Shows and filter the products by category.
  • Shows the specification of each product (its price, description, etc).
  • Allows to comment on each product (only authenticated users).
  • Customized shopping cart to add and remove products anytime.
  • Real-time calculation about the total cost of the current products in the shopping cart.
  • Correct structure of the database to avoid unnescessary data.
  • Design using bootstrap libraries.

In Development

  • Details with payment procedures.
  • User experience interacting with the interface.
  • Agilize read requests to the database.
  • Admin mode, publish and customize the products.
  • Nested comments to reply comments made by other users.
  • Implementation of Js frameworks that allow to reduce the amount of code (React, Angular, Polymer).
  • Add different authentication providers (Google, Facebook, GitHub).
  • Add Captcha when the user inserts an invalid password multiple times.

Installation

  • Create a Gmail Account.
  • Go to the main page of Firebase.
  • Go to the Firebase Console.
  • Create a new project with the name of your preference.
  • Add a new application (Web in this case).
  • In the 'Web configuration' Panel, copy the code of the second '<script>' tag.
  • Replace the code of the file 'firebaseConfig.js' in the path 'js/firebaseConfig.js' to the copied code previously (this code contains the specific configuration for your project).
  • Go to the authentication panel and enable authentication by email and password.
  • Go to the database panel and choose the Realtime database.
  • Configure your own security rules for your database in the 'rules' tab.

About

This is an example project of an e-commerce web app made with Firebase which provides features like Realtime Database and Authentication

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published