AI Development

Built with AI.
Shipped with Precision.

I don't just design — I build. From Next.js production apps to lightweight HTML pages with Bootstrap CDN, here are apps and interfaces I've developed.

🚀 Next.js + React
🌐 HTML + CDN Libraries
🤖 Claude & OpenAI API
📱 Responsive + Mobile
Tech Stack
▲Next.js 14
⚛React.js
🌐HTML5
🎨CSS3
BBootstrap 5
💨Tailwind CSS
⚡Tailwind CDN
✨Animate.css
↑AOS Library
🟢GSAP
3DThree.js
🤖Claude API
⚡OpenAI API
JSJavaScript
TSTypeScript
▲Next.js 14
⚛React.js
🌐HTML5
🎨CSS3
BBootstrap 5
💨Tailwind CSS
⚡Tailwind CDN
✨Animate.css
↑AOS Library
🟢GSAP
3DThree.js
🤖Claude API
⚡OpenAI API
JSJavaScript
TSTypeScript

Development Projects

🖥️
Dashboard2024

N3xgen Agentic OS — Mission Control

Enterprise AI orchestration dashboard for IT admins. Real-time system health, incident management, and audit trails.

Next.js 14React.jsClaude APITailwind CSS
View Project →
⚡
Dashboard2024

eFuse Energy Analytics Dashboard

Real-time energy monitoring dashboard with dynamic charts, alert systems, and data visualisation.

Next.js 14React.jsTailwind CSS
View Project →
🎨
Landing Page2025

UX Portfolio — Landing Page

This very portfolio — built with Next.js, CSS animations, 3D skill cards, and time-based dark theme.

Next.js 14React.jsCSS Modules
View Project →
🔗
Landing Page2024

SMARTEDI — EDI Workflow Page

Electronic data interchange workflow landing page built with Bootstrap CDN and scroll animations using AOS.

HTML5Bootstrap 5AOSAnimate.css
View Project →
💚
Landing Page2023

Genie Connections — App Landing

Animated mobile app landing page with GSAP scroll triggers, feature reveals, and app store CTAs.

HTML5CSS3GSAPBootstrap 5
View Project →
🤖
AI Powered2025

AI Chat Interface Component

Claude-powered chat UI with streaming responses, typing indicators, and conversation history.

Next.js 14Claude APITypeScriptTailwind CSS
View Project →
💳
Dashboard2022

TILLI — Payments UI

Multi-currency payment dashboard prototype. Clean HTML with Bootstrap grid and custom CSS variables.

HTML5Bootstrap 5CSS3JavaScript
View Project →
🧩
Landing Page2025

Component Library Showcase

Free UI component showcase page. Pure HTML with Tailwind CDN, scroll-triggered animations via AOS.

HTML5Tailwind CDNAnimate.cssAOS
View Project →
HTML + CDN Approach

No Build Tools? No Problem.

Sometimes the fastest solution is a clean HTML file with the right CDN links. Here are the libraries I use for rapid, no-build-step web pages.

Bootstrap 5
CDN ↗

Responsive grid, components, utilities. The fastest way to build clean UI.

HTML
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
Tailwind CDN
CDN ↗

Utility-first CSS via CDN. No config, instant styling.

HTML
<script src="https://cdn.tailwindcss.com"></script>
Animate.css
CDN ↗

Ready-to-use CSS animations. Add classes, get animations.

HTML
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">
AOS (Animate on Scroll)
CDN ↗

Scroll-triggered reveal animations with data attributes.

HTML
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
GSAP CDN
CDN ↗

Professional-grade animation library. Timelines, scroll triggers.

HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
Font Awesome
CDN ↗

Icon library with 1000+ icons via CDN. No download needed.

HTML
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">

Need a developer who also designs?

I deliver pixel-perfect interfaces — whether it's a full Next.js app or a fast Bootstrap HTML page. Design + dev in one person.

Hire Me →Resume