An open API service indexing awesome lists of open source software.

https://github.com/esau-morais/amazon.ts

⚛️ 🛒 Amazon website redesign using React + Firebase + Stripe
https://github.com/esau-morais/amazon.ts

amazon firebase react stripe

Last synced: 8 months ago
JSON representation

⚛️ 🛒 Amazon website redesign using React + Firebase + Stripe

Awesome Lists containing this project

README

          

## Amazon Redesign

![](https://cdn0.tnwcdn.com/wp-content/blogs.dir/1/files/2016/02/AMAZON-1200x537.png)

## Based Design

![Based design](./public/readme/AmazonRedesign.png)

![Based design](./public/readme/AmazonRedesign1.jpg)

![Based design](./public/readme/AmazonRedesign2.jpg)

## Goals

- [X] Collapsed side bar
- [X] Main section
- [X] Products Page
- [X] Dynamic cart
- [X] Login Page
- [X] Responsive website
- [X] Video Testimonial

## Buit with

1. ReactJS (Front-End)
2. Styled Components (Styles inheritance and components)
3. Material-UI (Icons and Badges)

## How do I start?

1. Fork this project

![Forking the project](https://camo.githubusercontent.com/6f03010c651d060f8b7cfc17da7098c1757c4ead/68747470733a2f2f6669727374636f6e747269627574696f6e732e6769746875622e696f2f6173736574732f526561646d652f666f726b2e706e67)

2. Clone the forked repository

`git clone https://github.com/user/react-redux` (if you use `git`)

or

`gh repo clone https://github.com/user/react-redux` (if you use `gh` cli)

3. Install the dependencies

`npm install` (if you use `npm`)

or

`yarn` (if you use `yarn`)

---

:warning: Before you start, follow the `.env_sample`, get your firebase variables and add to a `.env` file

---

4. Start the project

`npm start` (if you `npm`)

or

`yarn start` (if you use `yarn`)

-----

[LICENSE](./LICENSE)