Irvan Portfolio: Next.js + MongoDB Full-Stack Solution
Discover the complete, modern portfolio solution built with Next.js, MongoDB, and Flutter. This open-source project provides everything you need for a professional web presence and dynamic content management.
- Full-featured web application using Next.js 15.1.6 and React 19.0.0
- Responsive design powered by TailwindCSS and Shadcn UI
- Mobile-first Flutter mobile app for seamless cross-platform experience
- Comprehensive admin panel for effortless content updates
- Dark/Light theme support with next-themes
Explore the Features
Experience the power of this integrated solution through our live demos and screenshots:
- Web Users: Live preview of the portfolio website
- Admin Panel: Access the full content management system
- Live Screenshots: Click images to view full-size previews of both web and mobile interfaces
Project Overview
This is a fully functional portfolio website built using Next.js and MongoDB. It features a robust admin panel enabling dynamic content management across key sections including About, Skills, Projects, and more.
Tech Stack
- Frontend: Next.js 15.1.6, React 19.0.0, TailwindCSS, Shadcn UI / Radix UI, Framer Motion, Dark/Light Theme (next-themes)
- Backend: MongoDB + Mongoose, JWT Authentication, bcryptjs for password hashing, Next.js API Routes
Project Structure
- /app: App Router pages
- /components: Shared React components
- /contexts: React Contexts
- /data: Static site data
- /hooks: Custom hooks
- /lib: Utility logic
- /models: Mongoose models
- /public: Static assets
- /types: TypeScript types
Security
- JWT token-based access control
- Hashed passwords with bcrypt
- Protected routes for admin-only actions
Admin Panel Capabilities
- Admin authentication with JWT
- Dashboard with summary statistics
- Add/Edit/Delete functionality for all sections
- Theme & Profile management
