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

• 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 [email protected].

If you have any feedback, please reach out to me at [email protected]

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