A modern e-commerce website built using React.js and Material UI, featuring authentication, localization, cart management, PayPal payment integration, favorites system, protected routes, and fake API using JSON Server.
- User Authentication (Login / Register)
- Google Authentication using Firebase
- Protected Routes
- Products Listing
- Product Details Page
- Shopping Cart System
- Favorites / Wishlist
- Search Functionality
- Categories Filtering
- Localization (English / Arabic)
- Responsive Design
- PayPal Payment Integration
- Snackbar Notifications
- Loading Spinners
- Error Handling
- Dynamic Routing using React Router
- Context API State Management
- Fake Backend using JSON Server
- React.js
- Vite
- Material UI (MUI)
- React Router DOM
- Firebase Authentication
- PayPal React SDK
- JSON Server
- Context API
- i18next (Localization)
- Axios
- React Icons
src/
│
├── components/ # Reusable Components
├── pages/ # Website Pages
├── context/ # Context API
├── locales/ # Translation Files
├── routes/ # Protected Routes
└── assets/ # Images & Static Files
db.json # Fake DatabaseThe website supports:
- English 🇺🇸
- Arabic 🇪🇬
Using i18next.
Authentication system includes:
- Email & Password Login/Register
- Google Login with Firebase
- Protected Pages
- Logout Functionality
Integrated PayPal payment gateway using PayPal React SDK.
Users can:
- Complete checkout process
- Simulate payment using sandbox accounts
The website is fully responsive and works on:
- Desktop
- Tablet
- Mobile Devices
Fake API created using JSON Server.
Data includes:
- Products
- Categories
- Users
- Cart Items
npx json-server --watch db.json --port 3001
npm run devEmail: sb-03hrz50248360@personal.example.com
Password: (sO5b)Oe