🛒 Nuxt 3 E-Commerce & Admin Panel Capstone

A full-stack E-Commerce application with Admin Dashboard built using Nuxt 3, Vue 3, TypeScript, TailwindCSS (ShadCN), MongoDB, and Prisma. This project showcases modern web development best practices, offering both a seamless shopping experience for users and a powerful management interface for admins.

🚀 Features & Topics Covered

• Props & Emits – Streamlined parent-child component communication
• Reusable Components – Modular, scalable, and maintainable UI design
• Full CRUD Functionality – Create, read, update, and delete data with ease
• Pagination Handling – Efficiently manage and display large datasets
• Type Safety with TypeScript – Robust, error-resistant Vue code
• State Management via Composables – Organized and scalable state handling
• Authentication (UI & API) – Secure login, registration, and route protection
• Global Loader & Error Handling – Centralized UX feedback mechanisms

🧑‍💼 Admin Panel Features

• Dashboard Overview
• Product Management
• Category, Color & Size Management
• Analytics & Sales Insights

🛍️ Shop Pages

• Home Page

• Product Details Page

• Cart Page

• Stripe Integration – Secure payment gateway implementation

• Database – MongoDB with Prisma ORM for scalable data access

🛠️ Project Setup

Install dependencies using pnpm:

pnpm install

🔥 Start Development Server

pnpm dev

🏗️ Build for Production

pnpm build

📚 Resources

• Nuxt – The intuitive Vue framework for building modern web apps
• Vue.js – The progressive JavaScript framework for building user interfaces
• TypeScript – A strongly typed superset of JavaScript
• Tailwind CSS – A utility-first CSS framework for rapid UI development
• ShadCN Vue – Beautifully designed UI components built for Vue
• Iconify – Unified icon framework with support for 100+ icon sets
• Prisma – Next-generation Node.js and TypeScript ORM
• MongoDB – A flexible NoSQL document database
• Nuxt Cloudinary – Seamless integration of Cloudinary with Nuxt for image optimization and delivery
• Stripe – Powerful APIs for payment processing and financial infrastructure
• UNovis – A modular and customizable data visualization framework