Portfolio — Public Free Edition

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

Overview

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.

✦ Live Features

👾 KIRO AI Assistant AI-powered portfolio assistant built on: Groq API — LLaMA 3.3 70B Edge Runtime streaming responses Real-time, ultra-fast inference Futuristic chat interface	💬 Visitor Lounge Real-time multi-user chat system using: Server-Sent Events (SSE) Upstash Redis Live message broadcasting Concurrent visitor support
🌐 3D Tech Globe Custom Canvas2D animated globe featuring: Orbiting technology icons Glow effects & dynamic motion Zero Three.js — lightweight rendering Small bundle, high compatibility	🌌 Galaxy Background System Custom visual engine containing: Particle field & spiral galaxy arms Ripple interactions Shooting stars & glow animation Cinematic landing experience
🖼️ Interactive Gallery Image previews with smooth transitions Live like counts, Redis-backed Visitor tracking	📊 Spectrum Analytics Country-level visitor insights OS / device breakdown Engagement tracking dashboard
🏅 Credentials Showcase Verification links per credential Responsive card layouts Categorized certificate grid	⚡ Zero-Cost Infrastructure Vercel Hobby + Upstash Free + Groq Free No database, no server to manage Scales gracefully when you need more

✦ Tech Stack

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 Structure

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

✦ Repository Structure

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

✦ Included in Public Version

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.

✦ Performance Goals

✓ Smooth, GPU-friendly animations ✓ Serverless scalability ✓ Edge-level performance

✓ Clean, modular UI architecture ✓ Deployable on entirely free infrastructure ✓ Zero-database, Redis-first data model

✦ Deployment

This project can be deployed on:

✦ Philosophy

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.

✦ Get the Full Version

Four ways to go deeper — from a free overview to the complete production bundle.

Free ₹0 Portfolio Overview A concise public breakdown of how this portfolio works and what powers it. No payment required. ✅ High-level architecture overview ✅ Tech stack & libraries listed ✅ Feature summary with context ✅ Open source — view anytime on GitHub No sign-up. Opens directly on GitHub. View on GitHub →

Best for Learning ₹520 one-time Portfolio Architecture Guide A detailed walkthrough of how this portfolio is structured — every folder, every component, every decision explained. ✅ Complete folder structure with explanation ✅ Every component broken down — what & why ✅ Tech stack decisions documented ✅ Design system & CSS variable usage explained ✅ How to run & customize locally ✅ Tips to adapt it to your own brand Delivered as 10 markdown files to your email Buy for ₹520 →

Most Popular ₹800 one-time Full Portfolio Source Code The complete Next.js 15 source — same codebase, personal data replaced with placeholders. Clone it, customize it, ship it. ✅ Full Next.js 15 + React 18 + TypeScript source ✅ KIRO AI chatbot (Groq LLaMA 3.3 70B) ✅ 3D skills globe + GitHub heatmap ✅ Liquid button animations + ripple effects ✅ All 10 credentials configured ✅ Personal data replaced with placeholders ✅ README with setup steps included Delivered as a .zip file to your email Buy for ₹800 →

Best Value ₹1270 ₹1320 one-time Complete Bundle Everything in one — the full source code and the architecture guide together. Understand it deeply and build on top of it. ✅ Everything in the Architecture Guide ✅ Everything in the Full Source Code ✅ Full Next.js 15 + TypeScript source with placeholders ✅ KIRO AI chatbot + 3D globe + GitHub heatmap ✅ Detailed .md guide — folder, components, decisions ✅ README with setup steps included ✅ Best deal — saves ₹50 vs. buying separately Both files delivered to your email Buy for ₹1270 →

Get Access

→ ayushcmd.me/buy

_{Built with ⚡ and a lot of cyan. © Ayush — All rights reserved.}