Amazon clone built with React and Firebase.
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.
- 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.
-
Clone the repository:
git clone https://github.com/Shaban-Eissa/React-Amazon-Clone.git
-
Navigate to the project directory:
cd React-Amazon-Clone
-
Install dependencies:
npm install
-
Navigate to functions folder:
cd functions
-
Install dependencies:
npm install
-
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
.
-
Open terminal to start firebase cloud functions:
firebase emulators:start
-
Open another terminal to start the application:
npm start
-
Open your browser and visit http://localhost:3000.
- Sign up or log in to explore the products.
- Add products to the cart and proceed to checkout.
- React
- Firebase (Authentication, Cloud Functions)
- Axios
- Stripe
- Material-UI
Feel free to contribute to this project. Fork the repository and submit a pull request.