A Responsive Full Stack Amazon Clone which created using ReactJS with full E-Commerce Functionality

Overview

Amazon Clone

Topics

  • Build checkout/ payment page with stripe functionality
  • Complete the checkout screen with the React context API
  • Build Login Page with full login functionality (sign up and sign in) with firebase authentication
  • Deploy cloud function to process payment (servesless)
  • Firebase for real time database
  • Store orders for logged in user
  • Responsive Design
  • Deploy the app live on netlfiy

Technical Skills used in this project

Front End Back End
react hooks NodeJS
react redux Express / cors
react router Authtentication with Firebase
redux toolkit Firebase Cloud Function
redux-devtools-extension Firebase Hosting
axios Realtime Database / Cloud Firestore
react-bootsrap Stripe-js
redux-thunk -
maturial UI -
momentjs -
react currency format -
react bootstrap -

Demo

Quick start

  • Download from Github or clone the repo: git clone https://github.com/mostafa-habib/Amazon-Clone.git

  • Make sure your NodeJS and npm versions are up to date for 16.14.1

  • Install dependencies: npm install or yarn

  • Start the server: npm run start or yarn start

  • Views are on: localhost:3000

  • Payment API Endpoint: http://localhost:5001/amzon-clone-41385/us-central1/api or
    Get a local endpoint: firebase emulators:start

Author

Mostafa habib

You might also like...
E-commerce Web App for audio products. A full-stack project, using Nodejs and Express in the backend, MongoDB as database, React, and Redux on the front-end.

E-commerce Web App for audio products. A full-stack project, using Nodejs and Express in the backend, MongoDB as database, React, and Redux on the front-end.

 Calculator - a modern style app which provides a standard calculator functionality written in ReactJS
Calculator - a modern style app which provides a standard calculator functionality written in ReactJS

Calculator ReactJs/Hooks/Typescript/Jest This Calculator is a modern style app which provides a standard calculator functionality, it is written in Re

A Spotify Clone which built with ReactJS. 3rd party API integration, user authentication, spotify API, responsive design, material-ui, react context api are used to built it.

Spotify Clone with ReactJS In this Spotify Clone application you can log in to the application with your spotify account and see your own playlist. Sp

Full stack e-commerce web application

🛍️ Shopitel 🛒 To Get Started ⚡ Clone the shopitel-ecommerce-app repository using git: git clone [email protected]:AbihaFatima/shopitel-ecommerce-app.gi

Full Stack e-commerce app built with Express, Node.js, MySQL and React
Full Stack e-commerce app built with Express, Node.js, MySQL and React

Auction Point Auction Point is a website where users can buy and sell items. My aim with this Full Stack project was the design and development of an

Disney-Plus-Clone - Disney Plus Clone created with reactjs
Disney-Plus-Clone - Disney Plus Clone created with reactjs

Disney Plus Clone Readme LIVE DEMO Description ReactJS Disney Plus Clone created

Small Amazon React Clone
Small Amazon React Clone

Small Amazon React Clone

Amazon Clone Template Built With NextJs, Tailwind CSS And Redux

Amazon Clone Template Built With React, Tailwind CSS And Redux

Amazon Clone with Nextjs
Amazon Clone with Nextjs

Amazon Clone with Nextjs Full Responsive 🖥 💻 📱 👀 Visit Online: Amazon clone Used Technologies: 1.auth0 2.commerce js 3.material ui icons 4.nextjs-

Owner
Mostafa Habib
My Github repository includes projects in JavaScript, ReactJs, Html5, Css3, and other web technology around the amazing website and creative apps.
Mostafa Habib
A full E-Commerce Full Stack Amazon Clone which built using ReactJS. You can register, sign in and shop!

Amazon Clone with ReactJS In this Amazon Clone application you can register on the site, log in with your account, shop, pay for the products and see

Mert Çankaya 15 Jul 7, 2022
A full-stack e-commerce website inspired by the amazon website. Built with React, Redux and Firebase.

Amazon-Clone View Live · Report Bug · Request Feature Table of Contents About The Project Built With Getting Started Clone Locally Prerequisites Contr

Okoye Charles 19 Oct 3, 2022
Amazon Clone Application using React JS, Context API, Firebase and Stripe with full E-Commerce Functionalities like adding to cart feature, user authorization, payment and many more.

Amazon Clone is the Fully functional Real custom made Web application that covers and entire E-commerece functionality from designing, User Authentication till Payments build using React JS, Firebase and Stripe.

Sadiq Khan 18 Aug 9, 2022
AMAZON - An imitation of the Amazon online shopping store built using react

AMAZON This is an imitation of the Amazon online shopping store. Users can add a

Kevv_in 7 Mar 23, 2022
A full stack e-commerce web app with ReactJS

A Full Stack Shopping App that i built using ReactJS Redux with full E-Commerce Functionality!!

Özge Coşkun Gürsucu 42 Nov 24, 2022
creating amazon clone using ReactJS

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Prit Patel 2 May 2, 2022
Instagram MERN - Full-Stack Instgram Clone using MERN Stack and Socket.io

Instagram MERN Full-Stack Instgram Clone using MERN Stack and Socket.io Visit Now ?? ??️ Tech Stack Frontend: Backend: Realtime Communication: Cloud S

Jigar Sable 327 Jan 4, 2023
flipkart-clone using react js express js mongo db razorpay complete e-commerce website using MERN stack client server MVC architecture redux redux-thunk ecomerce project live example

Flipkar Clone MERN stack Sijeesh Miziha's Flipkart Clone is done with top-notch features for the entrepreneur startups like Flipkart it has RazorPay I

Sijeesh Miziha 51 Dec 8, 2022
A minimalistic e-commerce web page with all the functionality using react class component

Minimalistic e-commerce web page In this project, I build a minimalistic e-commerce web page. Built With Java Script HTML CSS React GraphQl Technologi

Shoira 15 Oct 30, 2022
Full Stack E-Commerce App built with React, using Firebase and Stripe API. 🗽🚀

Full Stack E-Commerce App built with React, using Firebase and Stripe API. ????

Lakshman 13 Jan 2, 2023