![](https://private-user-images.githubusercontent.com/49924090/291073537-232a2cbc-79fb-4c46-bf6e-d9f3b78dd699.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ2MTAyMjEsIm5iZiI6MTcyNDYwOTkyMSwicGF0aCI6Ii80OTkyNDA5MC8yOTEwNzM1MzctMjMyYTJjYmMtNzlmYi00YzQ2LWJmNmUtZDlmM2I3OGRkNjk5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI1VDE4MTg0MVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWEyNDdiZGEwMzhhNjRiNDAzYzdlMmM1MGVjZmViNGFlYzU5OWE5ZDBjMjc1YTQ3OTNmOWU4N2NjZTZlMTBhODcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.MjLNC6Hqd-U0gPjnVffbiZFc-YF3nM0cd5tSeMBJ87M)
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.
![](https://private-user-images.githubusercontent.com/49924090/291074943-8ef44bfd-4075-4e46-8e73-7deb2ff08107.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ2MTAyMjEsIm5iZiI6MTcyNDYwOTkyMSwicGF0aCI6Ii80OTkyNDA5MC8yOTEwNzQ5NDMtOGVmNDRiZmQtNDA3NS00ZTQ2LThlNzMtN2RlYjJmZjA4MTA3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI1VDE4MTg0MVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTEyODAxMjI0Mjg2YmM2MzY2YTM5ZWNkYjZkMmQ0NTExMWVhNzNlOTIxMTliZGRjZjE4ZmU0N2U0NGE5NTk5MmYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.ZmFygSGx3rwNC0m6xYgkr_K2chxMjYAg7cTuWdLy7h4)
![](https://private-user-images.githubusercontent.com/49924090/291090374-7c16c64d-c649-416c-82b7-3a3e6f758c43.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ2MTAyMjEsIm5iZiI6MTcyNDYwOTkyMSwicGF0aCI6Ii80OTkyNDA5MC8yOTEwOTAzNzQtN2MxNmM2NGQtYzY0OS00MTZjLTgyYjctM2EzZTZmNzU4YzQzLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI1VDE4MTg0MVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTFiODVkZTM0ZTIwYzQ2ODU4M2I4YzM0NzZhM2I2NDVjM2VjMzQ5NDdhYjcxN2M1NDE2MWQ3M2UyMzgwZTg3OTAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.5uiLjEc_w3M4htcPXCkOjp6JeHUea6NfmZ2KVeu-2v4)
![](https://private-user-images.githubusercontent.com/49924090/291075134-0cb7572b-d3bd-4a70-8d48-6d6cca5abd2f.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ2MTAyMjEsIm5iZiI6MTcyNDYwOTkyMSwicGF0aCI6Ii80OTkyNDA5MC8yOTEwNzUxMzQtMGNiNzU3MmItZDNiZC00YTcwLThkNDgtNmQ2Y2NhNWFiZDJmLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI1VDE4MTg0MVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTAyZTY5ODYyNmJmODAyNDFkYTllMWZlNDUwMjRkOTQxNjg0YjYxNTM5ZmY4ZGI1NTcwYWQ1ZDc5YTM2NDIzNjYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.0CXq9xQrEQ-F1LbWjAZHnJxHLXbxmA5xVFCEAyHj47I)
![](https://private-user-images.githubusercontent.com/49924090/291075228-96157040-96bf-4fdd-aecb-adeba076e82e.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ2MTAyMjEsIm5iZiI6MTcyNDYwOTkyMSwicGF0aCI6Ii80OTkyNDA5MC8yOTEwNzUyMjgtOTYxNTcwNDAtOTZiZi00ZmRkLWFlY2ItYWRlYmEwNzZlODJlLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI1VDE4MTg0MVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTg5MTU4OGEzNzIwMjYyYTUzY2M2ZDJlZjhhODg4OTI4YTk5MGE3YzhjOTRjMjJiMjgzMjE5ZGZiMWRiZDk1ZTEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.sBeFkvIJU4o22BMdNcHLlDxYRRypDYNSGSiLcFxfUm0)
![](https://private-user-images.githubusercontent.com/49924090/291075271-1a85f682-b808-4860-8184-8ca42ec92e64.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ2MTAyMjEsIm5iZiI6MTcyNDYwOTkyMSwicGF0aCI6Ii80OTkyNDA5MC8yOTEwNzUyNzEtMWE4NWY2ODItYjgwOC00ODYwLTgxODQtOGNhNDJlYzkyZTY0LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI1VDE4MTg0MVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWFhNjAxZmM5Nzc5YjQwNzhiNTcyNmRiNzVmZDQ4ZGNjYzM3NGFiYTI4ZGY4ZjAxZjVhNjExNDMyYjM3OWM5OGMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.v2BhAgJ4ONB1mNsGJld2kL0PBRkQ4HUP7i21a9Px-J0)
-
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.