Code Monkey home page Code Monkey logo

amazon-clone's Introduction

Amazon Clone

This is an Amazon clone web application built with Next.js, React.js and Firebase. It allows users to browse products, add them to their shopping cart, and complete the checkout process by making payment through Stripe.

The project was created as part of a coding tutorial and can be used as a starting point for building an e-commerce web application.

Table of Contents

Features

  • User authentication: users can create an account, log in, and log out
  • Shopping cart: users can add products to their cart, update the quantity, and remove them
  • Checkout process: users can view their cart, see the total price, and proceed to checkout
  • Order history: users can place orders and view their order history

Installation

  1. Clone this repository
git clone https://github.com/MatteoDigiorgio/Amazon-clone.git
  1. Run npm install to install the dependencies
  2. Create a Firebase project and enable authentication, Cloud Firestore, and Cloud Functions
  3. Create a Stripe account and get an API key
  4. Create a .env file in the root directory and add the following environment variables:
# Authentication
GOOGLE_ID=[insert your GOOGLE_ID here]
GOOGLE_SECRET=[insert your GOOGLE_SECRET here]
NEXTAUTH_URL=http://localhost:3000
JWT_SECRET=[insert your JWT_SECRET here]

# Stripe
STRIPE_PUBLIC_KEY=[insert your STRIPE_PUBLIC_KEY here]
STRIPE_SECRET_KEY=[insert your STRIPE_SECRET_KEY here]

# Stripe Terminal/CLI
STRIPE_SIGNING_SECRET=[insert your STRIPE_SIGNING_SECRET here]

# Service Account
FIREBASE_SERVICE_ACCOUNT_KEY=[insert your FIREBASE_SERVICE_ACCOUNT_KEY here]

HOST=http://localhost:3000
  1. Run npm run dev to start the development server

Technologies Used

  • Next.js
  • React
  • Firebase (Authentication, Cloud Firestore, Cloud Functions)
  • Redux
  • Stripe for payment processing
  • Jest for testing

Tests

To run tests simply run npm test

amazon-clone's People

Contributors

matteodigiorgio avatar sonnysangha avatar jay4399 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.