Hysen Labs
Open-source project
mwakidenis/Amazon-clone avatar
mwakidenis

Amazon-clone

Amazon Clone is a web application developed using React and Firebase technologies. It is a project that replicates the core functionalities of Amazon.com, such as product browsing, searching, adding to cart, and checkout with a great UI experience.

21 stars2 forksJavaScriptLicense varies
DEEP OPEN-SOURCE ANALYSIS

Amazon Clone rebuilds the storefront with React and Firebase

Amazon Clone is a web application that reproduces the core shopping flow of Amazon using React and Firebase. It covers product browsing, a wishlist, a cart, shipping details and checkout in a responsive interface.

Features and tech stack

The project pairs ReactJS with Firebase Authentication and Cloud Firestore, and pulls product data from the FakeStore API. Users can add products to a wishlist, browse items by category, place products in the cart, manage shipping details and complete a payment. A profile tab handles personal information, and the whole interface is responsive so it works on phones, tablets and desktop browsers. The author notes the UI is an improvement over the original Amazon layout.

Running it locally

Setup starts by cloning the repository and running npm install to fetch dependencies. A Firebase account is required, with Firebase Authentication and Firestore enabled, and the configuration values are placed into a renamed .env file copied from .env.sample. After that, npm start launches the application. The README links a demo video and a set of screenshots covering authentication, the home page, the wishlist, product pages, the cart, payment, orders and the profile screen.

Design sources and contributions

The visual design is credited to public Dribbble concepts rather than copied from Amazon directly, with the README naming specific shots for the home page and the account dashboard. Contributions are invited through issues and pull requests if a user finds a bug or wants a feature. As an educational clone it demonstrates a full commerce loop without a real payment backend, relying on the FakeStore API for catalog data.

Editorial conclusion

Amazon Clone is implemented in JavaScript and has gathered about 21 stars. It makes a compact reference for building a React and Firebase shopping demo.

DEEP OPEN-SOURCE ANALYSIS

Official sources

Community notes

Community notes