Smart AI Portfolio
An interactive terminal-inspired bento grid portfolio featuring live agentic AI telemetry, interactive skill metrics, and project spotlights.
3 images • Use arrows or dots to navigate
Description
rosh-ingel.vercel.app is an AI-native, terminal-themed developer portfolio crafted with Next.js, React, TypeScript, and Tailwind CSS. Built around a responsive Bento Grid layout, the application combines developer aesthetic aesthetics (matrix green and cyan glows, Monospace typography) with modern UI polish to showcase full-stack projects, database systems, and agentic coding workflows.
Layout & Experience Engineering
The interface eliminates multi-page friction by providing a compact single-screen Bento dashboard on desktop while gracefully flowing into an organized scroll on mobile. Dynamic typewriter effects greet visitors with current availability, and glassmorphic card overlays bring attention to core technical proficiencies without overwhelming the user.
Key Highlights
Bento Grid Architecture: High-density visual hierarchy organizing personal identity, live terminal activity, skill percentages, and featured work cards into a cohesive cockpit view.
Interactive Terminal & Agentic Stack: An interactive terminal simulator (<code>rosh@dev:~/agentic</code>) highlighting production tooling including Antigravity v2.0, Claude Code, and agentic workflows.
Real-Time Visual Metrics: Animated, gradient-filled progress bars tracking competency across Frontend, Backend, Databases (MySQL, Supabase, Prisma), and AI/ML.
Project Quick-Launch Cards: Featured preview cards with direct live demo links, badge categories, and interactive zoom hover animations.
Features
Terminal-Inspired Bento Grid
Sleek cyberpunk and terminal-inspired Bento layout built with dark mode ergonomics, subtle blur gradients, and monospace accents.
Live Agentic Terminal Console
Interactive simulated shell environment displaying real-time AI-assisted development tools including Antigravity, Cursor, and Claude Code.
Categorized Skill Meter Visualizer
Multi-category competency bars (Frontend, Backend, Database, AI/ML) featuring fluid gradient transitions and live percentage counters.
Interactive Project Spotlight Cards
Cards with live status indicators, multi-image cover art, technology pills, and direct launch triggers.
Zero-Layout-Shift Responsive Engine
Seamless transition from a multi-row desktop cockpit to a touch-optimized vertical feed on mobile and tablet displays.
Tech Stack
0 comments
Sign in to join the conversation. Rest assured, your information is secure. See my privacy policy for more.
No comments yet. Be the first to share your thoughts.