This is an Amazon shopping clone built using React.js and Tailwind CSS for the frontend, and Firebase for the backend. This app is fully responsive on both large and small devices unlike the actual amazon web app.
To get started with this project, follow these steps:
- Clone this repository onto your local machine using the command
git clone https://github.com/harsh661/Amazon-clone.git
- Navigate to the project directory.
- Install the project dependencies by running the command
npm install
. - Create a Firebase project and configure it for web use.
- Create a
.env.local
file at the root of the project and add your Firebase configuration details as environment variables. For example:REACT_APP_API_KEY=<your-api-key> REACT_APP_AUTH_DOMAIN=<your-auth-domain> REACT_APP_PROJECT_ID=<your-project-id> REACT_APP_STORAGE_BUCKET=<your-storage-bucket> REACT_APP_MESSAGING_SENDER_ID=<your-messaging-sender-id> REACT_APP_APP_ID=<your-app-id>
You can find these values in your Firebase project settings.
- Run the project using the command
npm run dev
. This will start a development server athttp://localhost:5173
.
- User Authentication
- Dynamic Product Listing
- Checkout with Stripe
- Manage ordered products
- React.js
- Tailwind CSS
- Firebase