https://github.com/samuelaemro12/amazon-clone
This is the front-end folder for the amazon clone webapp, it is a functional and built with ReactJs and has a backend built with ExpressJs
https://github.com/samuelaemro12/amazon-clone
amazon-clone eccomerce-app fakestore-api firebase-auth front-end-development reactjs routing stripe-api user-authentication
Last synced: 6 months ago
JSON representation
This is the front-end folder for the amazon clone webapp, it is a functional and built with ReactJs and has a backend built with ExpressJs
- Host: GitHub
- URL: https://github.com/samuelaemro12/amazon-clone
- Owner: samuelAemro12
- Created: 2024-09-26T23:27:25.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-07-21T19:56:32.000Z (6 months ago)
- Last Synced: 2025-07-21T21:39:28.216Z (6 months ago)
- Topics: amazon-clone, eccomerce-app, fakestore-api, firebase-auth, front-end-development, reactjs, routing, stripe-api, user-authentication
- Language: JavaScript
- Homepage: https://samuel-amazon-clone-deploy.netlify.app/
- Size: 5.66 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Amazon Clone - A Full-Stack React.js Project
A full-stack Amazon clone built with a mobile-first, responsive design using React, Express.js, and Firebase. The frontend is deployed on Netlify, and the backend is deployed on Render.
---
## đ Live Demo
- **Frontend (Netlify):** [https://samuel-amazon-clone-deploy.netlify.app/]
- **Backend API (Render):** [https://amazon-backend-deploy-wd9j.onrender.com]
---
## Features
- **Mobile-First & Responsive Design**: Seamless experience across devices.
- **User Authentication**: Sign up and log in with Firebase.
- **Home Page**: Browse product categories and featured products.
- **Product Details**: View detailed information about each product.
- **Cart System**: Add/remove products to/from your shopping cart.
- **Order Summary**: See a summary of selected items in the cart.
- **Payment Integration**: Stripe for real (demo) transactions.
- **Protected Routes**: Secure pages for authenticated users only.
- **Loading Animations**: Smooth user experience with spinners.
---
## đī¸ Folder Structure
```
amazon-clone/
âââ public/ # Static files (index.html, favicon, etc.)
âââ src/
â âââ API/ # Axios setup and API endpoints
â âââ Assets/ # Images and static assets
â âââ components/ # Reusable UI components
â âââ Pages/ # Main app pages (Auth, Cart, Orders, etc.)
â âââ Utility/ # Helpers (Firebase config, Reducer, etc.)
â âââ App.js # Main app component
â âââ App.css # Global styles
â âââ index.js # Entry point
â âââ Router.js # App routing
âââ functions/ # (If using Firebase functions)
âââ package.json # Project metadata and scripts
âââ firebase.json # Firebase config
âââ README.md # Project documentation
Amazon-Backend-Deploy/ # Express.js backend (deployed on Render)
```
---
## đ ī¸ Technology Stack
- **Frontend:** React, JavaScript, CSS Modules
- **Backend:** Express.js (for payment and API proxy)
- **Authentication:** Firebase
- **API:** FakeStoreAPI (product data)
- **Deployment:** Netlify (frontend), Render (backend)
- **Payment:** Stripe
---
## đ Getting Started
### 1. Clone the repository
```bash
git clone https://github.com/samuelAemro12/amazon-clone
```
### 2. Install dependencies
```bash
cd amazon-clone
npm install
```
### 3. Start the development server
```bash
npm start
```
---
## đĻ Main Dependencies
- react, react-dom, react-router-dom
- firebase
- axios
- react-spinners
- react-responsive-carousel
- numeral
- @mui/material, @emotion/react, @emotion/styled
- @stripe/react-stripe-js, @stripe/stripe-js
---
## ⨠Author
Samuel Aemro Melese
[GitHub](https://github.com/samuelAemro12/)
Email: samuelaemrowork12@gmail.com
---
## âšī¸ Acknowledgments
This project was a learning experience in full-stack development, focusing on authentication, product display, shopping cart, and responsive design. Product data is provided by FakeStoreAPI. Special thanks to the React and Express.js documentation and the open-source community.
---
## đ License
This project is for educational purposes only and is not affiliated with Amazon.