![](https://private-user-images.githubusercontent.com/49924090/291073537-232a2cbc-79fb-4c46-bf6e-d9f3b78dd699.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU2MjY2MzYsIm5iZiI6MTcyNTYyNjMzNiwicGF0aCI6Ii80OTkyNDA5MC8yOTEwNzM1MzctMjMyYTJjYmMtNzlmYi00YzQ2LWJmNmUtZDlmM2I3OGRkNjk5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MDYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTA2VDEyMzg1NlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTdlOTdjYjRlYWU0MzIyZmMxYzcyMzMyYmU4ZDRkMmM5MjgzNGNkODEyYTllN2YyMGIxOTU5MDNiMjYwMDRmZjImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.SolipGhiBzMWHOF8Gz_u5Et68l_O5Q3JHNXPz7mmm7A)
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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU2MjY2MzYsIm5iZiI6MTcyNTYyNjMzNiwicGF0aCI6Ii80OTkyNDA5MC8yOTEwNzQ5NDMtOGVmNDRiZmQtNDA3NS00ZTQ2LThlNzMtN2RlYjJmZjA4MTA3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MDYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTA2VDEyMzg1NlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTA4ZTk3ZTBhYTI0NjAyZTZlMmQ1N2Q5YjFiOGVjZmEyOTc5MGIwMTE0YTg4YjJlY2U4MmY1NjU3MTJjZTE3YTYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.rHlzDuBfSpoiqKflq3Unqw0F6WkrZyXyA5vXnRkI2jA)
![](https://private-user-images.githubusercontent.com/49924090/291090374-7c16c64d-c649-416c-82b7-3a3e6f758c43.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU2MjY2MzYsIm5iZiI6MTcyNTYyNjMzNiwicGF0aCI6Ii80OTkyNDA5MC8yOTEwOTAzNzQtN2MxNmM2NGQtYzY0OS00MTZjLTgyYjctM2EzZTZmNzU4YzQzLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MDYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTA2VDEyMzg1NlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTU2NjZlNTc4Y2IxYjMwN2E5N2U1MzgzZDBiZGE0ZDFiNDAzMDVlOWZkNTMxMWIwMjdkOWU0NTAzODI5NGY2OWMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.WYx2Y4-mlveNxRZJv29DnTxcw3aJP1oJWHD-j27kD0c)
![](https://private-user-images.githubusercontent.com/49924090/291075134-0cb7572b-d3bd-4a70-8d48-6d6cca5abd2f.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU2MjY2MzYsIm5iZiI6MTcyNTYyNjMzNiwicGF0aCI6Ii80OTkyNDA5MC8yOTEwNzUxMzQtMGNiNzU3MmItZDNiZC00YTcwLThkNDgtNmQ2Y2NhNWFiZDJmLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MDYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTA2VDEyMzg1NlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWY0NmUxZDczMTU2ODgzOTkwYmQxZjM3Yjg0N2M1NzczZjE2NmUyZTBhNGJkOWNmOWMzYmMyYjc5NjU1NTNmN2ImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.Ait1rmtZVhet7Fr49U9FxnFZcqN14Y_jU-NMJ3bGAFM)
![](https://private-user-images.githubusercontent.com/49924090/291075228-96157040-96bf-4fdd-aecb-adeba076e82e.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU2MjY2MzYsIm5iZiI6MTcyNTYyNjMzNiwicGF0aCI6Ii80OTkyNDA5MC8yOTEwNzUyMjgtOTYxNTcwNDAtOTZiZi00ZmRkLWFlY2ItYWRlYmEwNzZlODJlLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MDYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTA2VDEyMzg1NlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTAxNjJmZjQwMzRjMWMxMmYxOWUwNDJiMzRhYmEwMmU3NGZjNGQ4MWNjNzQzNTU1OTAwYWRlMzg0NTY2NjBmZTgmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.WWQPTLUU683zZ6m6K6ZzEiByhuXRlOhuxhOJPTzS00U)
![](https://private-user-images.githubusercontent.com/49924090/291075271-1a85f682-b808-4860-8184-8ca42ec92e64.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU2MjY2MzYsIm5iZiI6MTcyNTYyNjMzNiwicGF0aCI6Ii80OTkyNDA5MC8yOTEwNzUyNzEtMWE4NWY2ODItYjgwOC00ODYwLTgxODQtOGNhNDJlYzkyZTY0LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MDYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTA2VDEyMzg1NlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTEwMDdhMjQ1OTQ4ZGNhZTliZGRhZDhjNWVhNzk3MzkyYTNmMzc5NWI1ZWQwODM4YmJjNGQzMjRlNDQ5MmEwYmEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.SqeeR-rQDSTlM0gl5Qjq57uq3yofHzzMWJml6A2uE6o)
-
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.