estebanHernandez99 / E-commerce-with-Firebase-

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

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

E-commerce-with-Firebase-

This is an example you can use as reference or model for make your own online e-commerce using services provided by Firebase as Real-Time Database and Authentication from diferentes 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 (their price, description, etc)
  • Allows to comment for each product (only authenticated users)
  • Customized shopping cart for 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 payments procedures
  • user experience interacting with the interface
  • agilize read requests to the database
  • Admin mode, publish and customize the products
  • nested comments for reply comments made by other users
  • implementation of Js frameworks that allow 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 te main page of Firebae
  • 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' for the copied code previously (this code containes 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 e-commerce web app made with Firebase which provides features like Realtime Database and Authentication


Languages

Language:JavaScript 49.1%Language:HTML 42.6%Language:CSS 8.2%