Donut Shop E-Commerce Web App

Explore the Donut Shop, an open-source e-commerce web application built with Next.js, React, MongoDB, Stripe, NextAuth, react-hot-toast, and Tailwind CSS. Offering a delightful shopping experience with seamless navigation, secure payments, and personalized user interactions.

Demo

Visit the Donut Shop Demo to experience the app firsthand.

Technologies Used:

• Next.js & React: Leveraging the power of server-side rendering and a reactive UI for optimal performance.

• MongoDB: Efficiently managing product data in a NoSQL database for scalability and flexibility.

• Stripe Integration: Securely handling online payments with the robust capabilities of Stripe.

• NextAuth: Implementing secure authentication and user management for a personalized shopping experience.

• Tailwind CSS: Styling the application with the utility-first CSS framework for a sleek and responsive design.

• react-hot-toast: Providing dynamic and customizable toast notifications for real-time feedback.

Key Features:

• Responsive Design: Ensuring a seamless user experience on various devices with Tailwind CSS.

• E-commerce Functionality: Browse products, add them to the cart, and complete secure transactions with integrated Stripe payments.

• User Authentication: Secure user authentication and authorization powered by NextAuth for a personalized shopping experience.

• Dynamic Notifications: Real-time feedback using react-hot-toast for dynamic and customizable toast notifications.

How to Use:

1. Clone the Repository:

   git clone https://github.com/hdou533/donut-shop.git
   cd donut-shop
   

2. Install Dependencies:

   npm install
   

3. Configure Environment Variables:

   Set up environment variables for MongoDB connection, Stripe API keys, and other configurations.

4. Run the Application:

   npm run dev
   

Screenshots - Admin Access