⚡ CYBER PORTFOLIO V1

A high-performance neon-brutalist developer portfolio

Not your average portfolio. This is a cyber-punk experience — complete with an interactive terminal, a developer quest system, and neon aesthetics that make a statement.

🖥️ Preview

Live at → portfolio-self-mu-54.vercel.app

✨ What Makes This Different

This isn't a template. It's a full interactive experience designed around the neon-brutalist aesthetic — raw, bold, functional.

• Interactive Terminal — A real command-line interface baked into the portfolio. Type commands, explore projects, get info. Powered by Gemini AI for natural language responses.
• Developer Quest System — Gamified exploration of the portfolio. Unlock achievements as visitors discover different sections.
• Neon Brutalist Design — High-contrast UI, glitch effects, scanlines, and purposeful rawness — built entirely with Tailwind CSS, no UI kits.
• AI-Powered Chat — Gemini API integration lets visitors ask questions and get intelligent, contextual responses about projects and skills.
• Blazing Performance — Next.js 15 App Router with server components, optimized fonts, and zero bloat.

🛠️ Tech Stack

📁 Project Structure

Portfolio/
├── app/                  # Next.js App Router pages & layouts
├── components/           # Reusable UI components
│   ├── terminal/         # Interactive terminal component
│   ├── quest/            # Quest system logic & UI
│   └── sections/         # Hero, About, Projects, Contact
├── src/                  # Core logic, hooks, utilities
├── public/               # Static assets
├── metadata.json         # App metadata & capability config
└── .env.example          # Environment variable template

🚀 Getting Started

Prerequisites

• Node.js 18+
• A Google Gemini API key

Installation

1. Clone the repository

git clone https://github.com/DHAMI-HARSH/Portfolio.git
cd Portfolio

2. Install dependencies

npm install

3. Configure environment variables

cp .env.example .env.local

Open .env.local and add your Gemini API key:

GEMINI_API_KEY=your_gemini_api_key_here

4. Run the development server

npm run dev

Open http://localhost:3000 in your browser.

🌐 Deployment

This project is optimized for Vercel deployment.

# Install Vercel CLI
npm i -g vercel

# Deploy
vercel --prod

Set GEMINI_API_KEY in your Vercel project's environment variables before deploying.

🎮 Terminal Commands

Once on the site, open the terminal and try:

You can also just type naturally — the AI understands plain English.

📜 License

This project is open source and available under the MIT License.

Built by Harsh Dhami

If you like this project, drop a ⭐ on the repo!