Amazon Clone

Description

The goal is to add all features of Amazon to this Amazon Clone.

Table of Contents

• Tech Stack
• Setup and Run
  • Setup local repo
  • Setup Firebase credentials
  • Run app
  • Build app
• Contribute
• Project Structure
• Reference Links

Tech Stack

• JavaScript
• ReactJS

Setup and Run

Setup local repo

Let's setup the project on your local machine.

0. Prerequisites

• Install Node.js

1. Fork repo

Fork this repo to your GitHub account

2. Clone repo

Clone the forked repo to your local machine

git clone https://github.com/<YOUR-GITHUB-USERNAME>/amazon-clone.git

Navigate to project directory

cd amazon-clone

3. Install Dependencies

npm install or npm i

4. Setup firebase for development (optional)

A firebase account is already created, but you will not have the access to it.

• To use your own firebase instance, create a new firebase project using firebase console.
• After creating a project, go to project settings.
• In project settings of your newly created project there will be a section called 'Your Apps' which says 'There are no apps in your project, Select a platform to get started.'
• Click on the 'WebApp' Icon, then it will ask to register a new App.

• In the 2nd step of app registration, firebase will provide to you the firebase credentials of your app.
• Now change it in project with your firebase credentials.

Your application setup is successfully completed!

Running the app

# development
$ npm run start

Build Setup

• After doing changes, Run the command npm run build to build the app for production to the build folder.

# build for production
npm run build

Contribute

• You can contribute to the project, just make sure it has no conflicts and it works fine before creating the pull request.

Project Structure

.
├── build                   # Compiled files
│   ├── ...
│   ├── assets              # assets for the website
│   ├── components          # components of the website
│   ├── pages               # pages of the website
|   ├── index.js            # starting point
│   └── ...
└── ...

Reference Links

• React Documentation: https://reactjs.org/
• React Router: https://reactrouter.com/web/guides/quick-start