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

Overview

Amazon Clone with ReactJS

A small web app that tries to imitate the desktop web version of amazon site, you can add items to the basket, delete them, and have your user authentification feauture thanks to Firebase.

Amazon Clone Demo Link

You can watch the site here Click Me (with typing credit card number as: 4242 4242 4242 4242 cvv:42424 valid date:0424)

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
  • Deploy the App LIVE on Firebase
  • Store orders for logged in user
  • Responsive Design
  • Deploy the app live on Firebase

Author

Özge Coşkun Gürsucu (codermother)

You might also like...

🚀 A robust, performance-focused and full-featured Redis client for Node.js.

🚀 A robust, performance-focused and full-featured Redis client for Node.js.

A robust, performance-focused and full-featured Redis client for Node.js. Supports Redis = 2.6.12 and (Node.js = 6). Completely compatible with Redi

Jan 8, 2023

Firebase Extension to automatically push Firestore documents to Typesense for full-text search with typo tolerance, faceting, and more

Firestore / Firebase Typesense Search Extension ⚡ 🔍 A Firebase extension to sync data from your Firestore collection to Typesense, to be able to do f

Dec 28, 2022

A service worker that buffers a full video, so when the video tag ask for ranges, these can be satisfied. Play + pause = buffer the whole video.

Full Video Buffer with Service Workers The specification of the preload attribute on a Video element won't allow you to fully buffer a video. This rep

Nov 2, 2022

A typesafe database ORM that exposes the full power of handwritten sql statements to the developer.

TORM A typesafe database ORM that exposes the full power of handwritten sql statements to the developer. import { torm, z } from 'https://deno.land/x/

Dec 22, 2022

Burger builder project using React, Hooks and Context API.

Burger builder project using React, Hooks and Context API.

Burger Builder In this project, I made a context-api project by creating hamburgers with 3 different materials. Project setup npm install Project star

Jun 17, 2021

A simple url shorter API built with nodejs running on Kubernetes in Google Cloud, using PostgreSQL for storage and cloud sql proxy.

Simple URL Shorter - Google Cloud - Kubernetes A simple url shorter API built with nodejs running on Kubernetes in Google Cloud, using PostgreSQL for

Nov 25, 2021

One-stop TLS traffic inspection and manipulation using dynamic instrumentation

hallucinate Author: Moritz Bechler [email protected] Project Repository: https://github.com/SySS-Research/hallucinate License: MIT Originally ins

Dec 16, 2022

A template for WebSockets powered Cloudflare Worker project using graphql-ws

🚡 graphql-ws on Cloudflare Workers A template for WebSockets powered Cloudflare Worker project using graphql-ws. The worker serves the following rout

Dec 18, 2022

Bulk follow GitHub users using a NodeJS script.

Github bulk follow Getting Started Prerequisites Clone the project to your local environment: git clone [email protected]:farid-ouachrar/github-bulk-

Sep 27, 2021
Owner
Özge Coşkun Gürsucu
Özge Coşkun Gürsucu
Auth model created by Using nodeJs for backend & reactJs for frontend with the help of TailwindCss in styling

The Universal Auth System Using The MERN Stack Including Mysql --> The project is divded to two separte projects 1- The Client side -> containing the

m.bebars 1 Aug 22, 2022
E-Commerce Application developed with nodejs and stored to mongodb.

E-Commerce Application This Application has been developed with nodejs and mongodb. Environment Variables Create a file named config.env in config dir

Abdullah Öztürk 13 Dec 23, 2021
O Projeto RENOVA é um e-commerce que visa ajudar no contato de pessoas interessadas em reciclagem com os itens de potencial reciclavel. Work in progress.

Descrição Nest framework TypeScript starter repository. Instalação $ npm install Rodando o app # development $ npm run start # watch mode $ npm run s

RENOVA 12 Dec 15, 2022
A back-end server aplication created using node.js, express and mongodb.

Course Material and FAQ for my Complete Node.js, Express and MongoDB Bootcamp This repo contains starter files and the finished project files for all

Pablo César Jiménez villeda 1 Jan 4, 2022
An example repository on how to start building graph applications on streaming data. Just clone and start building 💻 💪

Example Streaming App ?? ?? This repository serves as a point of reference when developing a streaming application with Memgraph and a message broker

Memgraph 40 Dec 20, 2022
Uniswapv2-pool-funding - A "Nugget Standard for Funding" compliant smart contract to provide liquidity to UniswapV2 (clone) pools. (Quickswap in this case)

uniswap(clone)-v2-pool-funding A smart contract that makes it easy to: supply liquidity to a uniswap(clone)-v2 pool using ERC20 or the network native

null 2 May 14, 2022
Dev.to clone

Dev.to-clone A Dev.to clone created with MERN stack and more (Essentially FB without stories feature) Tech used with vite ?? : Frontend React Redux to

Marwan mostafa 64 Dec 13, 2022
just a graphql example created by typescript + fastify + mikro-orm(postgresql) + mercurius(graphql adaptor) + type-graphql

fastify-mikro-orm-mercurius-graphql-example A MikroORM boilerplate for GraphQL made with Fastify, Mercurius, Typescript using TypeGraphQL ?? Packages

Vigen 10 Aug 28, 2022
Cli created by shoulders to facilitate the development of Nest.js applications that use our seed!

Nest CLZ Your CLI by Shoulders to create a backend started with nest-seed Installation We will launch the application soon! Using npm: npm i -g nest-c

Shoulders 2 Mar 22, 2022
Pre-assignment for Reaktor Developer Trainee, which shows the current live matches of rock-scissors-paper games, and history results

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

Vladislav Cherkasheninov 0 Feb 2, 2022