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

https://github.com/zaythedev/amazon-clone

The main idea for this project was to style the clone to look like Amazon and connect a React app to a database. I also received practice working with APIs using Stripe to take pseudo payments.
https://github.com/zaythedev/amazon-clone

amazon data-structures react reactjs

Last synced: 6 months ago
JSON representation

The main idea for this project was to style the clone to look like Amazon and connect a React app to a database. I also received practice working with APIs using Stripe to take pseudo payments.

Awesome Lists containing this project

README

          

Amazon Clone
View Project live
https://clone-db2cf.web.app/

View my portfolio
https://zaythedev.com

Stack

  • JavaScript

  • React

  • Redux

  • HTML

  • CSS

  • Firebase
  • Instructions for App
    1. Click the “sign-in button” and enter a pseudo email and password.
    2. Simply add/delete items from your cart
    3. Click proceed checkout
    4. Enter all 0’s for the payment screen.
    5. Log out

    Main Objective
    This was my very first React project. So, watching tutorials and following along allowed me to get a better understanding of how React works. This was a very difficult project for my level and understanding of front-end development at the time. The main idea for this project was to style the clone to look like Amazon and connect a React app to a database. I also received practice working with APIs using Stripe to take pseudo payments.

    Recap
    Looking back at my code for this project, it was advanced and clean for a beginner coder. There are many things that I would have changed if I were to redo this project today. The first is the folder and component organization. Components and styles were all in one folder. There was no organization. Also, I would have used CSS modules and SASS to style each component. I wanted to keep the folder setup and the written code the way it was to provide a roadmap on how I developed as a front-end dev. Though as a first project, I think it still was developed very well.

    Features

  • Create new account or sign into existing account

  • Add items or remove items from cart

  • Cart quantity update within header