Description:

Fiq-mart E-Commerce Website

Welcome to the GitHub repository for Fiq-mart, an E-Commerce Website project built with Next.js and React.js. This platform 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 is hosted on Vercel.

Navigating through the website.

Live Demo

Check out the live demo of Fiq-mart at: Fiq-mart Live Demo

Getting Started

To get started with Fiq-mart, follow the steps below:

1. Clone the repository:

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 like 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

4. Run the development server: npm run dev

5. Open your browser and navigate to http://localhost:3000 to access the website

Features:

• User Authentication: Fiq-mart 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.

Requirements:

• Next.js: A React framework for building server-side rendered and statically generated applications.
• React.js: A popular JavaScript library for building user interfaces.
• MongoDB: A NoSQL database for efficient storage and retrieval of data.
• Prisma: A modern database toolkit and ORM for Node.js that simplifies database interactions.
• Stripe: A payment processing platform that ensures secure and seamless transactions.
• Algolia Instant Search: A powerful search solution for delivering instant and relevant search results.
• Bootstrap: A widely used CSS library for creating responsive and visually appealing web pages.

Instructions:

To get started with Fiq-mart, follow the steps below:

1. Clone the repository:

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 like 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

4. Run the development server: npm run dev

5. Open your browser and navigate to http://localhost:3000 to access the website