Developer Tools

Interactive tools and mini-applications showcasing various development skills and creativity.

Color ToolsCode PlaygroundMini GamesUtilities

Lighthouse Performance

98/100

Performance

100

Accessibility

Best Practices

100

SEO

Last updated: 7/3/2025Test Your Site

This portfolio is optimized for performance with Next.js, proper image optimization, code splitting, and accessibility best practices.

REST API Tester

A mini Postman-like tool for testing REST APIs

Quick Start

Headers

JavaScript Playground

Test and run JavaScript code in real-time

Code Editor

Output

Click 'Run' to execute your code

Animation Playground

Experiment with CSS animations and generate code

Animation Preview

BOX

Animation Settings

Animation Type

Timing Function

Direction

Timing Controls

Duration: 1000ms

Delay: 0ms

Iterations: 1

Debounce/Throttle Visualizer

Visual explanation of debounce and throttle with interactive demo

Interactive Demo

Type here to see debounce and throttle in action:

Debounce Delay: 500ms

Throttle Delay: 500ms

Input Events

Type something...

Debounced (500ms)

Waiting...

Throttled (500ms)

Waiting...

Activity Log

Start typing to see the activity log

Snake Game

A classic snake game built with HTML5 Canvas and JavaScript

Score: 0High Score: 0

How to Play

• Use arrow keys to control the snake
• Eat the red food to grow and score points
• Avoid hitting walls or yourself
• Try to beat your high score!

Controls

↑

←

↓

→