React-Ecommerce-website

Work Under Progress

Version 1 :

• The data is stored locally and not on Firestore
• GraphQL has not been used. version 1 is hosted HERE!

An E commerce platform made using React JS, Redux, Firebase (authentication), Firestore, Stripe API (temporarily creating dummy payment gateway)

The application is composed of the following Features:

Front-End

• A landing page with animated minimalistic design, with the major categories of items.
• A quick peek page where 5 products of each categories are on display.
• A page with Sign-in and Sign-out components.
• All form related fields are made using reusable components.
• Has a cart feature which opens up and displays the items selected in a summary, also has a checkout button.
• The cart component also allows to edit the contents of the items selected.
• Check out features are yet to be integrated into the appplication.

Firebase

• As of this moment I am using firebase for user authentication, also enabled google sign in authentication.
• It is also used to store user data
• In the future it will also hold all shopping related and cart related dtaa of each user.

Progress: Version 1 completed and hosted

Version 2 Progress: 50%

SCREENSHOTS:

Landing Page:

Product Preview:

Sign-in && Sign-Up Page:

Cart Section:

---

Developed With

• Visual Studio Code - A source code editor developed by Microsoft for Windows, Linux and macOS. It includes support for debugging, embedded Git control, syntax highlighting, intelligent code completion, snippets, and code refactoring
• React - A javascript library for building user interfaces
• Create react app - A quick method to start developing a react application.
• Babel - A transpiler for javascript
• Webpack - A module bundler
• SCSS - A css metalanguage

---

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

The following software is required to be installed on your system:

• Node 8.x
• Npm 3.x

Type the following commands in the terminal to verify your node and npm versions

node -v
npm -v

Install

Follow the following steps to get development environment running.

• Clone 'react-e-commerce-website.git' repository from GitHub

  git clone https://github.com/AdityaKumawat97/react-e-commerce-website.git

  OR USING SSH

  git clone [email protected]:AdityaKumawat97/react-e-commerce-website.git

• Install node modules

  npm install

Starting front-end servers

• Build application

  npm start

---