VS Code Portfolio

A sleek, high-performance developer portfolio built with Next.js 16 (App Router). It features a modern dark-themed design with glassmorphism effects.

✨ Features

• ⚡ Next.js App Router: Built on the latest React Server Components for optimal performance and SEO.
• 🎨 Modern UI/UX: Custom CSS Modules featuring glassmorphism, neon accents, and responsive layouts.
• 📱 Fully Responsive: Optimized for seamless viewing on desktops, tablets, and mobile devices.

🛠️ Tech Stack

• Framework: Next.js 16
• Language: JavaScript (React)
• Styling: CSS Modules
• Icons: React Icons

📂 Project Structure

├── app/
│   ├── api/contact/route.js  # Secure API route for sending emails
│   ├── layout.js             # Root layout
│   └── page.js               # Homepage
├── components/
│   ├── ContactForm.jsx       # Client-side form logic
│   ├── ContactInfo.jsx       # Static contact details
│   ├
│   └── Navbar.jsx            # Navigation
├── styles/
│   ├── globals.css           # Global theme variables
│   ├── Contact.module.css    # Contact page layout styles
│   ├── ContactForm.module.css# Form specific styles
│   └── ...
└── public/                   # Static assets (images, icons)

🚀 Getting Started

Follow these instructions to set up the project locally.

1. Clone the Repository

git clone [https://github.com/your-username/your-portfolio.git](https://github.com/your-username/your-portfolio.git)
cd your-portfolio

2. Install Dependencies

npm install
# or
yarn install

3. Run the Development Server

npm run dev

Generally Open http://localhost:3000 in your browser to see the result.