E-commerce - inspired by amazon

This is a fully responsive Full-Stack E-commerce web app developed using Nextjs, NextAuth, Tailwind CSS, Firebase, Stripe, etc.

Watch it Live

www.e-commercebysouvik.store
or
e-commercebysouvik.vercel.app

Screenshots

Authentication powered by next-auth

Cart Items using Redux

Payment powered by Stripe

Orders List using Web hooks and Firebase Firestore

Fully Responsive - light theme using Tailwind CSS

Features

• Light/dark mode (according to system theme)
• Fully Moblie Responsive
• OAuth authentication
• Secure Payment using Stripe

License

MIT

Contributing

• Fork the repository
• Run on your Local Machine

All kinds of contributions are welcomed 🤝

Prerequisites

• Have knowledge about Reactjs and Nextjs.

• Know how Tailwind CSS works.

• Know how to implement firebase firestore.

• Know how to implement next-auth.

• Know how to implement stripe along with webhooks.

  Any one of them would be sufficient.

Environment Variables

To run this project, you will need to add the following environment variables to your .env file

GOOGLE_ID

GOOGLE_SECRET

NEXTAUTH_URL

STRIPE_PUBLIC_KEY

STRIPE_SECRET_KEY

STRIPE_SIGNING_SECRET

HOST

Testing the Payment

Keep typing 42 in the card information section.

Run on your Local Machine

Clone the project

  git clone https://github.com/[your-username]/e-commerce.git

Go to the project directory

  cd e-commerce

Install dependencies

npm

  npm install

yarn

  yarn install

Start the server

npm

  npm run start

yarn

  yarn run dev

It will start the development server at localhost:3000

I will be very much grateful, if you give this repository a ⭐