Bootstrap Templates & Themes Logo Bootstrap Templates & Themes
Emart Ecommerce screenshot

Emart Ecommerce

Author Avatar Theme by Mushfiqrabbi
Updated: 13 Jul 2024
49 Stars

eMart is an efficient e-commerce website powered by Next.js, React.js, MongoDB, Prisma, Stripe, and Algolia. With sign-in/sign-up, product search, filtering, cart, checkout, and secure payment gateway, it provides a seamless and secure shopping experience.

Github Live Preview

Categories

Nextjs React Prisma Ecommerce Fullstack

Overview

eMart is an E-Commerce Website project built with Next.js and React.js. It utilizes MongoDB as the database, Prisma as the ORM, Stripe for the payment gateway, Algolia Instant Search for product searching, and Bootstrap as the CSS library. The website provides features such as user authentication, product searching and filtering, cart and checkout functionality, and secure payment processing. It is a fully functional E-commerce platform that can be customized and deployed to create online stores.

Features

  • User Authentication: eMart provides a secure user authentication system. Users can sign up, log in, and manage their profiles.
  • Product Searching: Algolia Instant Search is integrated to provide fast and accurate search results for products.
  • Product Filtering: Users can filter products by category, brand, and price range for easy navigation.
  • Cart and Checkout: Users can add products to the cart, review their items, and proceed to the checkout process.
  • Payment Gateway: Stripe is used as the payment gateway to ensure secure and reliable payment processing.

Installation

To get started with eMart, follow these steps:

  1. Clone the repository: git clone https://github.com/your-username/emart.git
  2. Install dependencies: npm install
  3. Set up the environment variables:
    • Create a .env file in the root directory.
    • Add the required environment variables for MongoDB, Prisma, Stripe, and Algolia as shown below:
DATABASE_URL="YOUR mongoDB URL"
NEXTAUTH_SECRET="YOUR NEXTAUTH SECRET"
STRIPE_SECRET_KEY="YOUR STRIPE_SECRET_KEY"
NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY="YOUR STRIPE_PUBLISHABLE_KEY"
BASE_URL=http://localhost:3000
  1. Run the development server: npm run dev
  2. Open your browser and navigate to http://localhost:3000 to access the website.

Summary

eMart is an E-Commerce Website project built with Next.js and React.js. It includes features such as user authentication, product searching and filtering, cart and checkout functionality, and secure payment processing. The platform utilizes MongoDB, Prisma, Stripe, and Algolia to deliver a robust and reliable E-commerce solution. With its easy installation process, developers can customize and deploy eMart to create their own online stores.