Experiments & Mini Projects

The Lab

A collection of small but meaningful builds — each one focused on a specific idea, technique, or problem worth solving.

Repo Explorer screenshot
JavaScript REST API Async/Fetch
Repo Explorer

A live GitHub REST API tool — enter any username to fetch and browse their public repos in real time, sortable by stars, name, or last updated. No backend, no build step.

Live Project
css grid showcase screenshot
CSS Grid Flexbox Tailwind CSS Responsive Design
Responsive Layout Showcase

Three UI patterns — an auto-reflowing grid, pricing cards, and a responsive nav bar — each built two ways: hand-written CSS Grid/Flexbox side by side with Tailwind utility classes. A live breakpoint indicator shows the layout responding in real time as the window resizes.

Live Project
sprint task board screenshot
React JavaScript (ES6+) Vite Hooks
Sprint Task Board

Three UI patterns — an auto-reflowing grid, pricing cards, and a responsive nav bar — each built two ways: hand-written CSS Grid/Flexbox side by side with Tailwind utility classes. A live breakpoint indicator shows the layout responding in real time as the window resizes.

Live Project