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.
Visit the Donut Shop Demo to experience the app firsthand.
-
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.
-
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.
-
Clone the Repository:
git clone https://github.com/hdou533/donut-shop.git cd donut-shop
-
Install Dependencies:
npm install
-
Configure Environment Variables:
Set up environment variables for MongoDB connection, Stripe API keys, and other configurations.
-
Run the Application:
npm run dev