Online Full-stack Restaurant Website

🚀 Project Overview

This is a full-stack e-commerce store built using Next.js, MongoDB, and Stripe.
It leverages the @stripe/stripe-js package for handling payments and the @next/bundle-analyzer package to monitor and optimize bundle size.

✨ Features

• Stripe Payments 💳: Seamlessly accept secure payments via the Stripe API.
• Product Catalog 🛍️:Showcase products in a responsive grid layout.
• Shopping Cart 🛒 :Add items to cart, view total, and proceed to checkout.
• User Authentication 👤 : Enable users to register, sign in, and manage their account.
• Order History 📦 : Let users track past orders and delivery status.
• Responsive Design 📱 : Optimized for all screen sizes from mobile to desktop.

🛠 Technologies Used

• Next.js ⚛️ : A React framework for building both static and dynamic web applications.
• MongoDB 🍃 : A NoSQL database for storing user data, product info, and order history.
• Stripe 💳 : A powerful payment processing platform.
• Tailwind CSS 🎨 : A utility-first framework for efficient and custom UI design.
• Vercel ▲ : The deployment platform used to host and serve the app globally.

🖼️ Project Screenshots

Here are a few snapshots from the application:

Home page with featured products

Individual product detail view

Shopping cart with checkout option

Admin page shows the all admin settings

🚀 Deployment

Deployment is handled through Vercel. You can link your GitHub repository, push your code, and deploy with just a few clicks — making it easy to go live.

✅ Conclusion

This e-commerce store demonstrates how to build a modern full-stack application using Next.js and Stripe. With a clean UI, secure payments, and scalable backend integration, it offers a professional-grade shopping experience while staying fully customizable and developer-friendly.