Overview:

The Amazon Clone with ReactJS is a small web app that aims to replicate the functionality of the desktop web version of Amazon. Users are able to add items to their basket, delete items, and utilize user authentication powered by Firebase. This project provides a demonstration of the app and offers a checkout/payment page with Stripe functionality, a login page with full login functionality using Firebase authentication, and the ability to store orders for logged in users. The app is built with a responsive design and is deployed live on Firebase.

Features:

• Replicates Amazon Interface: The web app mimics the look and feel of Amazon’s desktop web version, providing users with a familiar experience.
• Basket Functionality: Users are able to add items to their basket and delete items from their basket, allowing for easy management of shopping cart contents.
• User Authentication: The app integrates Firebase authentication, enabling users to sign up and sign in to their accounts for a personalized experience.
• Checkout/Payment with Stripe: The checkout screen includes functionality for processing payments using Stripe, enhancing the shopping experience for users.
• Real-time Database: Firebase is utilized to provide real-time database capabilities, allowing for seamless storage and retrieval of user orders.

Installation:

To install the Amazon Clone with ReactJS, follow the steps below:

1. Clone the GitHub repository:

git clone <repository_URL>

2. Change to the project directory:

cd amazon-clone-reactjs

3. Install the necessary dependencies:

npm install

4. Setup Firebase:

   • Create a Firebase project at Firebase Console
   • Obtain the Firebase configuration object (apiKey, authDomain, databaseURL, projectId, storageBucket, messagingSenderId, appId) and replace the placeholders in the src/firebase.js file with your Firebase project credentials.

5. Start the development server:

npm start

6. The app should now be running on http://localhost:3000.

Summary:

The Amazon Clone with ReactJS is a web app that imitates the functionality of the desktop web version of Amazon. It offers features such as adding items to the basket, user authentication with Firebase, and a checkout/payment page with Stripe functionality. With the ability to deploy the app live on Firebase and store orders for logged-in users, this project showcases the author’s skills in building a responsive and interactive web application.