Skip to content

BhavyanshJain/amazon-clone

Repository files navigation

License

Amazon Clone

An Amazon clone with complete functionality of signing in, payments, and order history
View Demo


Table of Contents
  1. About
  2. Getting Started
  3. Usage
  4. Contributing
  5. License
  6. Contact

About

An Amazon clone which is a e-commerce website. It has complete functionality of signing in using google, products are displayed using FakeStore API, cart using redux, payments using stripe, and order history using firebase and stripe Webhooks. UI has been designed using Tailwind CSS.

Built With

  • nextjs
  • reactjs
  • tailwindcss
  • redux
  • firebase
  • stripe

(back to top)

Getting Started

This is how you may set up your project locally. To get a local copy up and running follow these simple steps.

Prerequisites

You must have the following installed on your local machine.

  • npm package manager
  • yarn npm install --global yarn

Installation

  1. Fork the repo

  2. Clone it to your local computer

    git clone https://github.com/your_username_/Project-Name.git
  3. Install NPM packages using yarn

    yarn
  4. Enter your Environment variables in .env.local file

     GOOGLE_ID= Get it from google cloud console
     GOOGLE_SECRET= Get it from google cloud console
     NEXTAUTH_URL=http://localhost:3000
     NEXTAUTH_SECRET= Get it from https://generate-secret.vercel.app/
    
     NEXT_PUBLIC_STRIPE_PUBLIC_KEY= Get it from stripe dashboard
     STRIPE_SECRET_KEY= Get it from stripe dashboard
     STRIPE_SHIPPING_RATE= Get it from stripe dashboard
     STRIPE_SIGNING_SECRET= Get it from stripe dashboard
    
     FIREBASE_API_KEY= Get it from firebase console
     FIREBASE_AUTH_DOMAIN= Get it from firebase console
     FIREBASE_PROJECT_ID= Get it from firebase console
     FIREBASE_STORAGE_BUCKET= Get it from firebase console
     FIREBASE_MESSAGING_SENDER_ID= Get it from firebase console
     FIREBASE_APP_ID= Get it from firebase console
    
     PERMISSIONS_PROJECT_ID= Get it from firebase console
     PERMISSIONS_PRIVATE_KEY_ID= Get it from firebase console
     PERMISSIONS_PRIVATE_KEY= Get it from firebase console
     PERMISSIONS_CLIENT_EMAIL= Get it from firebase console
     PERMISSIONS_CLIENT_ID= Get it from firebase console
     PERMISSIONS_AUTH_URI= Get it from firebase console
     PERMISSIONS_TOKEN_URI= Get it from firebase console
     PERMISSIONS_AUTH_PROVIDER_X509_CERT_URL= Get it from firebase console
     PERMISSIONS_CLIENT_X509_CERT_URL= Get it from firebase console
  5. Run the development server:

    yarn dev
  6. Open http://localhost:3000 with your browser to see the result.

(back to top)

Usage

  1. Home page

    Example screenshot

  2. Cart page

    Example screenshot

  3. Payments page

    Example screenshot

  4. Order History page

    Example screenshot

(back to top)

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

(back to top)

License

Distributed under the MIT License. See LICENSE for more information.

(back to top)

Contact

Twitter - @BhavyanshJain

Project Link: https://github.com/BhavyanshJain/amazon-clone

(back to top)

Releases

No releases published

Packages

No packages published