Introduction

Welcome to the documentation for ahmedansari.me — my personal portfolio and a showcase of interactive features built with modern web technologies.

About This Portfolio

This portfolio is built to demonstrate my skills as an Applied GenAI / AI Systems Engineer. Beyond being a static showcase, it includes interactive features that reflect my interest in developer experience and creative interfaces.

The site is built with Next.js 16, React 19, and Three.js for 3D graphics. It features a glassmorphism design, dark/light theme support, and an interactive CLI terminal.

Tech Stack

Next.js 16

React framework with App Router

React 19

Latest React with concurrent features

Three.js

3D graphics for the hero orb

Framer Motion

Fluid animations

TypeScript

Type-safe development

next-themes

Dark/light mode support

Key Features

  • 3D Hero Orb — Interactive liquid blob using React Three Fiber with theme-aware colors
  • Interactive CLI Terminal — Navigate the site using terminal commands
  • Glassmorphism Design — Modern frosted glass aesthetic throughout
  • Dark/Light Mode — System-aware theme switching
  • Responsive Layout — Works on all screen sizes
  • Draggable Terminal — Move the CLI window anywhere on screen

Quick Navigation

Use the navigation bar at the top to explore different sections, or try the CLI Terminal (click the terminal icon in the navbar) for a unique way to navigate the site.

Tip: Press the terminal button in the navbar and type /help to see available commands!