Building Amazon Clone App with React Js, TypeScript, Redux, Styled Component, Material-UI, Cloud Functions, Vercel Hosting, with complete user authentication (a mobile-friendly).
- Author
- Demo
- Technologies
- Features
- Related Projects
- Optimizations
- Contributing
- Status
- Inspiration
- Support
- Feedback
- Run Locally
- Environment Variables
- Deployment
- Screenshots
Client:
- React Js
- Redux
- Redux
- Styled Component
- Material-UI
Server:
- Vercel Hosting
- Firebase Google Authentication
- Firebase Email and password Authentication
Tesla Clone App built with React Js + TypeScript + Redux + Styled Components + Material-UI + Vercel Hosting
Netflix Clone App built with React Js + TypeScript + Redux + Stripe Checkout/Payments + Vercel Hosting + Firebase
LinkedIn Clone App built with React Js + TypeScript + Redux + Styled Components + Material-UI + Firebase Realtime Database + Vercel Hosting
- Complete user authentication users can sign in, sign out
- Add products to their basket
- Checkout total payment
- Checkout order page
- Used Fake Store API https://fakestoreapi.com/
- Stripe Checkout/Payments (TODO)
- Cloud Functions (TODO)
- Memoization (useMemo, Memo)
- react-lazy-load-image-component
- Code-Splitting – React
- suspense component - React
- Function components
- React hooks
- React useEffect cleanup
- Server-side rendering - Next.js(TODO)
Contributions are always welcome!
For support, email saddamarbaas@gmail.com.
If you have any feedback, please reach out to me at saddamarbaas@gmail.com
Twitter https://twitter.com/ArbaaSaddam/
Linkedin. https://www.linkedin.com/in/saddamarbaa/
Github https://github.com/saddamarbaa
Instagram https://www.instagram.com/saddam.dev/
Facebook https://www.facebook.com/saddam.arbaa
Clone the project
https://github.com/saddamarbaa/amazon-clone-app-react-typescript
Go to the project directory
cd amazon-clone-app-react-typescript
Install dependencies
npm install
Start the server
npm start
-
To run this project, you will need to create a new project on firebase, setup Firebase Realtime Database and add the following environment variables to your .env file
-
REACT_APP_FIREBASE_API_KEY
-
REACT_APP_AUTH_DOMAIN
-
REACT_APP_STORAGE_BUCKET
-
REACT_APP_PROJECT_ID
-
REACT_APP_MESSAIN_SENDER_ID
-
REACT_APP_APPID
Project is now complete in React js so my next step I would love to convert to React + TypeScript + Next.js
Build By Saddam Arbaa Project inspired by [Amazon] https://www.amazon.com/
To deploy this project on firebase Flow the firebase documentation Firebase Documentation
- create a new project on firebase
- npm install -g firebase-tools
- firebase init
- npm run build
- firebase deploy