shaban-eissa/react-amazon-clone

The "React Amazon Clone" repository is e-commerce web application built using React and Firebase. It replicates key features of Amazon, including user authentication, product listing, and a shopping cart with payments. The project provides a practical demonstration of React and Firebase.

React Amazon Clone

Amazon clone built with React and Firebase.

Table of Contents

• Introduction
• Features
• Demo
• Installation
• Usage
• Technologies Used
• Contributing

Introduction

This project is a clone of the popular e-commerce platform Amazon, created using React for the frontend and Firebase for backend services. It aims to replicate the core features of Amazon.

Features

• User Authentication: Allow users to sign up, log in, and log out securely.
• Product Listing: Display a variety of products with details such as name, price, and images.
• Shopping Cart: Enable users to add products to the cart and proceed to checkout.
• Order Processing: Simulate the order processing flow, including payment integration.

Demo

Installation

1. Clone the repository:

   git clone https://github.com/Shaban-Eissa/React-Amazon-Clone.git

2. Navigate to the project directory:

   cd React-Amazon-Clone

3. Install dependencies:

   npm install

4. Navigate to functions folder:

    cd functions 

5. Install dependencies:

   npm install

6. Set up Firebase:

   • Create a Firebase project at Firebase Console.
   • Set up authentication with email/password provider.
   • Set up firestore database in test mode.
   • Obtain your Firebase configuration and replace it in src/Firebase/firebase.js.
   • Install Firebase CLI by running the following command in your terminal: npm install -g firebase-tools.
   • Authenticate to Firebase using your Google account by running: firebase login.

7. Open terminal to start firebase cloud functions:

   firebase emulators:start

8. Open another terminal to start the application:

   npm start

9. Open your browser and visit http://localhost:3000.

Usage

• Sign up or log in to explore the products.
• Add products to the cart and proceed to checkout.

Technologies Used

• React
• Firebase (Authentication, Cloud Functions)
• Axios
• Stripe
• Material-UI

Contributing

Feel free to contribute to this project. Fork the repository and submit a pull request.