A futuristic developer portfolio built with Next.js 15, TypeScript, TailwindCSS, Redis, and AI integrations — optimized for modern deployment platforms and designed with a production-style architecture.
This repository is a 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
The project is built to run efficiently on the Vercel Hobby (Free) Tier while still delivering premium interactions and performance.
An AI-powered portfolio assistant built using:
- Groq API
- LLaMA 3.3 70B
- Edge Runtime streaming responses
Features:
- real-time AI responses
- futuristic chat interface
- ultra-fast inference
- optimized edge execution
A real-time multi-user chat system using:
- Server-Sent Events (SSE)
- Upstash Redis
- live message broadcasting
Supports:
- instant communication
- concurrent visitors
- serverless event streaming
A custom Canvas2D animated globe featuring:
- orbiting technology icons
- glow effects
- dynamic motion rendering
- lightweight rendering without Three.js
Built for:
- performance
- compatibility
- reduced bundle size
Custom visual engine containing:
- particle field
- spiral galaxy arms
- ripple interactions
- shooting stars
- glow animations
Designed to create a cinematic landing experience.
Gallery system with:
- image previews
- live like counts
- Redis-backed interactions
- smooth transitions
Visitor analytics dashboard featuring:
- country insights
- OS/device breakdown
- engagement tracking
- visual statistics
Certificate system with:
- verification links
- responsive card layouts
- categorized credentials
- Next.js 15
- React 18
- TypeScript
- TailwindCSS
- Framer Motion
- Lenis Smooth Scroll
- Next.js API Routes
- Node.js Runtime
- Edge Runtime
- Server-Sent Events (SSE)
- Upstash Redis
- Serverless HTTP Redis architecture
- Groq API
- LLaMA 3.3 70B Versatile
- Resend
- Vercel Analytics
- Google Analytics
- Vercel Hobby Tier
- Optimized for ₹0/month deployment
| 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 animationsThis repository includes:
- portfolio UI structure
- selected frontend sections
- visual systems preview
- partial architecture exposure
- placeholder-based customization
This is the free public edition of the portfolio.
Some advanced systems, production modules, architecture documentation, and reusable implementation details are intentionally excluded from this repository.
Personal information has been replaced with placeholders such as:
[YOUR_NAME]
[YOUR_EMAIL]
[YOUR_UNIVERSITY]So you can study the structure safely.
This portfolio is designed around:
- smooth animations
- serverless scalability
- edge performance
- clean UI architecture
- deployability on free infrastructure
The project can be deployed easily on:
- Vercel
- Netlify
- Railway
- Self-hosted Node environments
Recommended:
- Vercel Hobby Tier
This project focuses on combining:
- engineering
- aesthetics
- performance
- interaction
- modern web architecture
into one cohesive developer experience.
The full premium package includes:
Includes:
- detailed folder explanations
- rendering flow
- component hierarchy
- backend architecture
- Redis schema explanation
- deployment walkthrough
- engineering decisions
- internal system breakdown
Includes:
- complete production codebase
- all components
- KIRO AI integration
- 3D globe system
- gallery system
- animations
- placeholders configured
- README/setup guide
Ready to customize and deploy.
Includes:
- everything from the Architecture Guide
- everything from the Full Source Code
Best for developers who want:
- deep understanding
- reusable production systems
- rapid customization workflow