WishBasket Tailwind Templates

Wishbasket

A full-stack, fully responsive e-commerce website using Next.js, Tailwind CSS, Firebase, Stripe, and Algolia.

WishBasket

MIT License

A full-stack, fully responsive e-commerce website using Next.js, Tailwind CSS, Firebase for(Firestore, Authentication), Stripe, and Algolia.

➥ Live Demo



Table of Contents

About

In this project, we will be building an in-depth full-stack

-

-

-

-

-

Features

  • Feature 1: User authentication with Firebase
  • Feature 2: Product browsing and searching with Algolia
  • Feature 3: Shopping cart functionality
  • Feature 4: Secure payment processing with Stripe
  • Feature 5: Admin panel for managing products, orders, and users

Screenshots

Home Page

User Sign Up Pages

User Sign In Page

User Profile Page

Tech Stack

  • Frontend: Next.js, React.js, Tailwind Css, Algolia
  • Backend: Next.Js
  • Database: Firebase Firestore
  • Payement: Stripe
  • Authentication: Firebase Authentication
  • Deployment: vercel

Roadmap

-

-

Clone

To get the project on your local system, use the following commands:

git clone https://github.com/SorcererChiragsingh/WishBasket.git

How to Run WishBasket on Your System 🛠🛠

1️⃣ Install Dependencies:

cd WishBasket
npm install

2️⃣ Setup Environment Variables:

Create a .env.local file in the WishBasket directory and add the following:

NEXT_PUBLIC_FIREBASE_API_KEY=""
NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=""
NEXT_PUBLIC_FIREBASE_PROJECT_ID=""
NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=""
NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=""
NEXT_PUBLIC_FIREBASE_APP_ID=""
NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID=""
   
NEXT_PUBLIC_DOMAIN=""
   
NEXT_PUBLIC_ALGOLIA_APP_ID=""
NEXT_PUBLIC_ALGOLIA_APP_KEY=""
   
NEXT_PUBLIC_FIREBASE_SERVICE_ACCOUNT_KEYS='{}'

3️⃣ Start the development Server:

cd Project_WishBasket/ecomm
npm run dev

4️⃣ Open the Application:

Open http://localhost:3000 with your browser to see the result. 🚀

Report Issues

  • You can report issues on this project using Github issue.
  • You can read more about this from Github Docs

License

  • This project is licensed under the MIT License - see the LICENSE file for details.
  • The project Bean & Brew Coffee is packaged and distributed using the MIT License which allows for commercial use, distribution, modification and private use provided that all copies of the software contain the same license and copyright.

Acknowledgements

Top categories

Loading Svelte Themes