A futuristic developer portfolio built with Next.js 15, TypeScript, TailwindCSS, Redis, and AI integrations — engineered with a production-style architecture and deployable.
Features · Tech Stack · Routes · Structure · Pricing · Deploy
🆕 Latest Build (New Design)
Previous Build (Old Design)
This repository is the public showcase edition of my personal portfolio platform.
It demonstrates:
|
✦ Modern frontend engineering ✦ AI-powered experiences ✦ Real-time communication systems |
✦ Advanced visual effects ✦ Scalable folder architecture ✦ Serverless deployment workflows |
Built to run efficiently on the Vercel Hobby (Free) Tier while still delivering premium interactions and performance.
|
AI-powered portfolio assistant built on:
|
Real-time multi-user chat system using:
|
|
Custom Canvas2D animated globe featuring:
|
Custom visual engine containing:
|
|
|
|
|
| Layer | Technology |
|---|---|
| Frontend | Next.js 15 · React 18 · TypeScript · TailwindCSS · Framer Motion · Lenis Smooth Scroll |
| Backend | Next.js API Routes · Node.js Runtime · Edge Runtime · Server-Sent Events |
| Data Layer | Upstash Redis · Serverless HTTP Redis architecture |
| AI | Groq API · LLaMA 3.3 70B Versatile |
| Email & Analytics | Resend · Vercel Analytics · Google Analytics |
| Deployment | Vercel Hobby Tier · Optimized for ₹0/month |
| Route | Description |
|---|---|
/ | Hero section, projects, globe, skills, contact |
/about | Detailed background and overview |
/skills | Interactive technology showcase |
/projects | Project collection grid |
/credentials | Certificates and achievements |
/gallery | Media gallery with likes |
/spectrum | Visitor analytics dashboard |
/kiro | AI assistant interface |
app/ # Next.js app router pages + API routes
components/ # Shared reusable UI components
lib/ # Constants, utilities, types
public/ # Images, assets, static files
styles/ # Global styles and animations
This repository includes:
- Portfolio UI structure
- Selected frontend sections
- Visual systems preview
- Partial architecture exposure
- Placeholder-based customization
Note: Some advanced systems, production modules, architecture documentation, and reusable implementation details are intentionally excluded from this public repository. Personal information has been replaced with placeholders such as
[YOUR_NAME],[YOUR_EMAIL],[YOUR_UNIVERSITY]— so you can study the structure safely.
|
✓ Smooth, GPU-friendly animations ✓ Serverless scalability ✓ Edge-level performance |
✓ Clean, modular UI architecture ✓ Deployable on entirely free infrastructure ✓ Zero-database, Redis-first data model |
This project can be deployed on:
This project focuses on combining engineering, aesthetics, performance, and interaction into one cohesive developer experience — proof that a personal portfolio can be a real showcase of production-grade thinking, not just a static page.
🆕 NEW · LATEST BUILD
Full source code + architecture guide for the current, updated portfolio — every recent redesign and feature included.
Both files delivered to your email · Codebase updated: 15 Jul 2026 |
Prefer the earlier design? The classic build is still available below.
Four ways to go deeper — from a free overview to the complete classic-build bundle.
|
Portfolio Overview A concise public breakdown of how this portfolio works and what powers it. No payment required.
No sign-up. Opens directly on GitHub. |
Portfolio Architecture Guide A detailed walkthrough of how this portfolio is structured — every folder, every component, every decision explained.
Delivered as 10 markdown files to your email |
Full Portfolio Source Code The complete Next.js 15 source — same codebase, personal data replaced with placeholders. Clone it, customize it, ship it.
Delivered as a .zip file to your email |
Complete Bundle Everything in one — the full source code and the architecture guide together. Understand it deeply and build on top of it.
Both files delivered to your email |
