WebDevChandan - Full-Stack Portfolio & Admin Dashboard

A fully responsive full-stack portfolio website with an integrated Admin Dashboard for managing portfolio content, designed and developed from scratch using modern web technologies.
Built for personal branding, to showcase projects, experience, skills, and to allow users to connect across the web.

🌐 Live Site: https://webdevchandan.vercel.app

---

📸 Screenshots

Landing Page

Light Mode	Dark Mode

---

Admin Dashboard

Light Mode	Dark Mode

---

🚀 Features

Landing Page

• Modern Neumorphism UI Design
• Light / Dark Mode toggle
• Dynamic Theme Switching (Color modes)
• Responsive Design across all screen sizes
• Dedicated sections for:
  • About Me (Skills, Education, Work Experience, Social Links
  • Resume
  • Certificate
  • Portfolio (Featured Projects)
  • Testimonials (Freelancing)
  • Contact

Admin Dashboard (CMS)

• Built from scratch using the same Neumorphic design system
• Secure Admin Authentication with JWT
• Add/Edit/Delete portfolio content in real-time:
  • Projects
  • Certificate
  • Skills
  • Social Links
  • Personal Info
  • Education
  • Experience
• Protected Routes & Session Handling

---

🛠️ Technologies Used

Category	Tech/Tool
Frontend	Next.js (App Router), React.js
Styling	SCSS, CSS Modules, Neumorphism Design, Responsive Design
Backend / Auth	Node.js, JWT Auth, Next.js API Routes & Server Actions
Database	MongoDB, Prisma ORM
Language	TypeScript
Version Control	Git & GitHub
Dev Tools	VS Code, Postman, Figma
Icons & Fonts	Raleway, Google Fonts
Hosting	Vercel

---

📌 Purpose

This portfolio serves as:

• A personal brand and developer identity on the internet
• A place to showcase real-world projects, experience, and tech stack
• A demo of my skills in Next.js, React, TypeScript, SCSS, Prisma, and MongoDB
• A full-stack production-ready project to use and extend further

---

🔐 Authentication

• Secure Admin Login using JWT
• Token-based session management
• Protected routes and cookie-based auth using next/headers and @jose for JWT handling

---

📂 Project Structure

📁 Root Directory
├── app
│ ├── components # Reusable components (UI & Layout)
│ ├── api # API routes (Login, Dashboard CMS)
│ ├── dashboard # Admin dashboard routes (protected)
│ └── page.tsx # Main Landing Page
│
├── public # Static assets (images, favicons, etc.)
├── prisma # Prisma schema & migrations
├── styles # Global SCSS styles
├── utils # Utility files (Prisma, Auth)
├── .env # Environment Variables
├── package.json
├── next.config.js
└── README.md

---

📬 Contact

Feel free to reach out to me for any queries or collaboration opportunities:

• LinkedIn: in/webdevchandan
• Github: @WebDevChandan
• Email: hirechandan@gmail.com

---

Thank you for visiting my repository! I hope you enjoy exploring my portfolio.