NH
Loading 0%

Interactive Showcase

Experience my technical skills through these interactive demos. Built with vanilla JavaScript to demonstrate coding proficiency.

Loading demos...

Typing Speed Test

Test your typing speed and accuracy!

The quick brown fox jumps over the lazy dog. Programming requires practice and patience.
0
WPM
100%
Accuracy
0s
Time

Color Mixer

Create and visualize custom colors!

HEX: #00d9ff

Calculator

A functional calculator built with JavaScript!

0

Password Generator

Generate secure passwords with custom options!

Click generate to create a password

Todo List

Manage tasks with this interactive todo list!

JSON Formatter

Format and validate JSON data!

JSON Input
Formatted JSON will appear here...

Memory Match Game

Test your memory by matching pairs of cards!

Moves: 0
Matches: 0/8
Time: 0s

Precision Stopwatch

High-precision stopwatch with lap tracking.

00:00:00.000

Unit Converter

Convert between different units of measurement.

Drawing Canvas

Express your creativity with this interactive drawing canvas.

5px

3D Particle System

Interactive 3D particle animation with mouse control

200

Live Code Editor

Write HTML/CSS/JS and see results instantly!

Chart Builder

Create beautiful charts from your data

Classic Snake Game

Use arrow keys to control the snake. Eat food to grow!

Score: 0
High: 0

Sentiment Analyzer

AI-powered text sentiment analysis

Maze Generator & Solver

Generate random mazes and watch AI solve them!

Image Filter Studio

Apply professional filters to images in real-time

Physics Simulator

Interactive physics engine with gravity, collisions, and bounce dynamics

💡 Tips:
Click canvas to add objects • Magnets attract balls • Adjust physics parameters above!
Objects: 0

Audio Visualizer

Real-time frequency analysis and stunning audio visualization

🎤 Uses your microphone to create real-time visualizations

Neural Network Visualizer

Watch a neural network learn to classify data in real-time! See it improve as it trains on XOR problem.

0
Epoch
1.000
Loss
0%
Accuracy
0/4
Correct
🧠 Training XOR Problem:
Left: Network structure | Middle: Decision boundary | Right: Predictions. Watch the boundary improve!

Weather Dashboard

Real-time weather data with beautiful visualizations and forecasts

Enter a city name to see weather data
Try: New York, London, Tokyo, or your city!

Code Syntax Highlighter

Beautiful syntax highlighting for multiple programming languages

⭐ Live Markdown Editor

Real-time Markdown to HTML converter with live preview and syntax support

✍️ Markdown Input
👁️ Live Preview
Start typing Markdown to see the magic!

⭐ JSON Formatter & Validator

Parse, validate, beautify, and minify JSON with error detection

⭐ Regex Pattern Tester

Test regular expressions with real-time highlighting and match extraction

⭐ Password Strength Analyzer

Advanced password security analysis with real-time feedback and suggestions

⭐ Text Diff Checker

Compare two texts and visualize differences with color-coded highlighting

⭐ Base64 Encoder/Decoder

Encode and decode text or files to/from Base64 with drag-and-drop support

📁
Drop a file here or click to upload
For encoding files to Base64

⭐ AI Path Planning (A* Algorithm)

Watch the A* pathfinding algorithm find optimal paths in real-time! Draw obstacles, move start/end points, see explored nodes!

0
Nodes Explored
0
Path Length
0ms
Computation Time
💡 Legend:
🟢 Green: Start Node
🔴 Red: End Node
🟥 Red Walls: Obstacles
🔵 Cyan: Explored
🟡 Yellow: Optimal Path
🟣 Purple: Frontier

⭐ Genetic Algorithm Evolution

Watch creatures evolve through natural selection! They learn to reach the YELLOW TARGET ⭐ using genetic algorithms!

0
Generation
0
Best Fitness
0
Avg Fitness
50
Population
2%
Mutation
🧬 How It Works:
1. Initialize: 50 creatures with random DNA (movement instructions)
2. Evaluate: Each creature tries to reach the target
3. Selection: Best performers get to reproduce
4. Crossover: DNA is mixed from two parents
5. Mutation: Random changes keep diversity
6. Repeat: Each generation gets closer to optimal behavior!

⭐ Reinforcement Learning Agent

Watch an AI learn to play a game using Q-Learning! It starts random but improves through trial and error!

0
Episode
0
Reward
0
Steps
100%
Explore
0%
Success
🎮 Q-Learning Algorithm:
Goal: Agent (🤖) must reach treasure (💎) while avoiding lava (🔥)
Learning: Explores randomly at first, then exploits learned knowledge
Rewards: +100 for treasure, -100 for lava, -1 per step
Q-Table: Learns value of each action in each state

⭐ Multi-Language Code Compiler & Executor

Full-featured code editor with real-time execution! Run JavaScript, preview HTML, validate JSON, format code, and more!

Lines: 0 Characters: 0 Language: JavaScript
💡 Features:
JavaScript: Real-time execution with console output capture
HTML/CSS: Live preview in iframe sandbox
JSON: Validation, formatting, and beautification
Python/SQL: Syntax validation and code templates
Auto-save: Code persists in browser storage per language!

⭐ 3D Minecraft Clone (First-Person)

Full 3D first-person Minecraft! Mine blocks with real mining time, craft tools, explore procedural world with collision detection and physics!

🎒 Inventory (0/27):
�️ Hotbar (1-5 keys):
Selected: Fist
Mining: 0%
🎮 Controls:
WASD: Move • Mouse: Look around • Space: Jump
Left Click: Mine (hold) • Right Click: Place block • 1-5: Hotbar
C: Crafting • Click game to lock mouse
Mine trees for wood • Craft wooden pickaxe to mine stone • Build anything!

⭐ Space Shooter

Classic 2D space shooter with enemies, power-ups, and explosions!

0
Score
100
Health
0
High Score
Use Arrow Keys to move • Space to shoot • Avoid enemies!

⭐ Flappy Square

Addictive Flappy Bird-style game with smooth physics and scoring!

0
Score
0
Best
Click or tap to flap • Don't hit the pipes!

⭐ Unbeatable Tic-Tac-Toe AI

Challenge an AI that uses the Minimax algorithm - can you beat it or force a draw?

Your turn! (X)
0
Wins
0
Draws
0
Losses
🤖 AI Difficulty: Impossible
Using Minimax algorithm with perfect play

⭐ Zombie Survival Shooter

Survive waves of zombies! Collect ammo, health packs, and weapons. Top-down shooter with inventory system.

1
Wave
100
Health
30
Ammo
0
Score
🎒 Inventory:
⚡ Active Power-ups:
None active
🎯 Controls & Power-ups:
WASD: Move  |  Mouse: Aim  |  Click: Shoot  |  R: Reload
1-4: Switch Weapons  |  E: Pick Up Items
Power-ups: 🔥 Minigun (auto-fire) • ⚡ Rapid Fire • 🛡️ Shield • 💨 Speed Boost

⭐ AI Drawing Guesser

Draw something and let the AI guess! Or let AI draw and you guess. Advanced pattern recognition!

🎯 Draw this:
Cat
🤖 AI's Guesses:
0
Correct
0
Rounds
0%
Accuracy

⭐ AI Hide & Seek

Play hide and seek against intelligent AI with line-of-sight detection! AI chases when it sees you, patrols when you're hidden. New random map each game! Use WASD to move.

30
Time Left
0
Times Hidden
0
Times Found
🤖 AI Status:
Click Start to begin!
🎯 How to Play:
WASD/Arrow Keys: Move your character (green circle)
Goal: Hide from the AI seeker (red circle) for 30 seconds!
AI Features: A* pathfinding, memory of your spots, predictive search patterns

⭐ Epic RPG Adventure - Open World

Full-featured RPG with open world exploration, real-time combat with timing mechanics, quests, NPCs, dungeons, and epic boss fights! Use WASD or Arrow Keys to move.

🗡️
1
Hero
Adventurer
XP: 0/100
❤️ HP 100/100
💧 MP 50/50
⚔️ ATK
10
🛡️ DEF
5
💰 Gold
100
� Kills
0

🎒 Equipment

✨ Skills

📍 Current Location
Town Square
WASD / Arrows: Move
SPACE: Interact/Attack
E: Open Inventory
M: Toggle Map

🗺️ World Map

🟢 You 🔴 Enemies
🟡 NPCs 💎 Treasure

🎯 Active Quest

No active quest
Explore the world to find quests!
0/5

📜 Adventure Log

🌟 Welcome to the Epic RPG Adventure!
Use WASD or Arrow Keys to explore the open world.
Find NPCs, battle enemies, complete quests, and discover treasure!
0
Dungeons
0
Treasures
0
Quests
0m
Playtime

⭐ Tower Defense Strategy

Strategic tower defense! Place towers, upgrade them, manage resources. Multiple enemy types and tower upgrades!

20
Lives
100
Gold
1
Wave
0
Score

🏹 Build Towers

🎯 Strategy Tips:
Arrow Towers: Fast attack, low damage (good early game)
Cannon Towers: Area damage, slow attack (groups of enemies)
Magic Towers: High damage, slowing effect (tough enemies)

⭐ WebAssembly Benchmark

Compare JavaScript vs WebAssembly performance with real-time benchmarks. See 2-10x speedups with WASM optimization!

Launch WebAssembly Benchmark
✨ Features:
• Sorting benchmark (arrays 10k-500k elements)
• Matrix multiplication (100x100-500x500)
• Image processing (grayscale filters)
• Real-time Chart.js performance graphs
• Configurable data sizes

⭐ Computer Vision AI

Real-time ML computer vision with TensorFlow.js. Object detection, pose estimation, face landmarks, and hand tracking!

Launch Computer Vision Demo
🤖 AI Models:
• COCO-SSD Object Detection
• MoveNet Pose Estimation
• FaceMesh Landmarks (468 points)
• HandPose Detection
• Real-time webcam processing with Canvas overlay

⭐ GraphQL Playground

Interactive GraphQL API explorer with live schema introspection. Query real APIs (SpaceX, GitHub, Countries) with performance metrics!

Launch GraphQL Playground
🚀 Capabilities:
• Live schema explorer with autocomplete
• Query editor with syntax formatting
• Connected to real public APIs
• Performance metrics (response time, data size)
• JSON syntax highlighting

⭐ WebGPU Ray Tracer

Real-time 3D rendering with ray tracing, reflections, shadows, and physics simulation. GPU-accelerated graphics at 60+ FPS!

Launch WebGPU Renderer
⚡ Features:
• Real-time ray tracing with reflections
• Dynamic lighting and shadows
• Physics simulation (gravity, collisions)
• Adjustable camera, lighting, materials
• WebGL fallback for compatibility

⭐ IaC Playground

Visual Infrastructure as Code builder! Drag-and-drop AWS/Azure/GCP resources, auto-generate Terraform & CloudFormation templates.

Launch IaC Playground
☁️ Features:
• Drag-and-drop visual designer
• Multi-cloud support (AWS, Azure, GCP)
• Auto-generate Terraform & CloudFormation
• Real-time dependency graph visualization
• 11+ resource types (EC2, Lambda, S3, RDS, etc.)

⭐ AI Model Training Lab

Train neural networks in real-time with visual architecture builder! Includes CNN training, multi-agent AI pipeline with LangChain-style orchestration.

Launch AI Training Lab
🧠 Features:
• Train custom neural networks with TensorFlow.js
• Visual network architecture builder
• Live loss/accuracy graphs during training
• MNIST digit classification with CNN
• Multi-agent AI pipeline (sentiment, summarization, NLP)
• Real-time model testing & predictions

⭐ NL to SQL Studio

Convert plain English to SQL queries! Interactive database with 50K+ records, schema visualization, and real-time query execution.

Launch SQL Studio
💾 Features:
• Natural language query parsing
• Rich e-commerce database (7 tables, 50K+ rows)
• SQL syntax highlighting & explanation
• Real-time query execution with SQL.js
• Interactive schema visualization
• Query optimization suggestions & metrics
}