E Commerce Store

An awesome e-commerce web app project using React.js and Tensorflow!
Explore the docs »

View Demo · Report Bug · Request Feature

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
3. Usage
4. Roadmap
5. Contributing
6. License
7. Contact
8. Acknowledgements

About The Project

Screenshots

Home Page (light / dark theme)

Voice Navigation

Built With

Major frameworks, technologies, tools used:

• node.js
• react.js
• auth0
• firebase
• tensorflow
• stripe

Getting Started

This are steps on setting up your project locally. To get a local copy up and running follow these simple example steps.

Prerequisites

You need to have node.js installed in your local machine
if not installed visit node.js official website and,
download the Node.js source code or a pre-built installer for your platform

• update npm

  npm install npm@latest -g

• create accounts with
  • auth0
  • firebase
  • stripe

Installation & Setup

1. Getting APIs (steps may differ later time)

   • auth0

     • Applications
     • Create New Application
     • Settings
     • Client Id and Domain

   • firebase

     • Add New Project
     • Project Overview
     • Project Settings > Firebase SDK Snippet
     • API Key

   • stripe

     • Create New Account
     • Overview
     • Get Your API keys > Test API Keys
     • Get Publishable and Secret Key

2. Clone the repo ( git must be installed in your local machine )

   git clone https://github.com/sachuverma/React-E-Commerce-v2-v2

3. Install NPM packages

   npm install

4. Start Server

   npm start

5. Enter your API keys in .env file in root dir ( api id without '' )

    REACT_APP_AUTH_CLIENT_ID = 'ENTER_YOUR_API'
    REACT_APP_AUTH_DOMAIN = 'ENTER_YOUR_API'
    REACT_APP_FIREBASE_API = 'ENTER_YOUR_API'
    REACT_APP_STRIPE_PUBLIC_KEY = 'ENTER_YOUR_API'
    REACT_APP_AUTH_CLIENT_ID = 'ENTER_YOUR_API'

Usage

Use this space to show useful examples of how a project can be used. Additional screenshots, code examples and demos work well in this space. You may also link to more resources.

For more examples, please refer to the Documentation

Roadmap

See the open issues for a list of proposed features (and known issues).

Contributing

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

License

Distributed under the MIT License. See LICENSE for more information.

Contact

Sachin Verma - @sachuverma_ - sachinverma53121@gmail.com

Project Link: https://github.com/sachuverma/React-E-Commerce-v2-v2

Acknowledgements

• GitHub Emoji Cheat Sheet
• Img Shields
• Choose an Open Source License
• GitHub Pages
• Animate.css
• Loaders.css
• Slick Carousel
• Smooth Scroll
• Sticky Kit
• JVectorMap
• Font Awesome