NPM · Selected work
Dev Console Kit
A colorful, educational logging utility for React and Next.js students. It helps you debug faster, tell Server from Client, and spot CSS layout issues.
- React
- Next.js
- TypeScript
Problem
Students in my frontend courses mix server and client logs, then spend the session fighting CSS without seeing what the layout is actually doing.
Approach
A small logging kit aimed at teaching: environment-aware output, layout hints, and console output you can read in a classroom instead of a wall of Object objects.
Tradeoffs
Built for learners, not as a general-purpose observability platform. Color and copy are opinionated so the lesson lands.
Outcome
Published on npm and used while teaching React / Next.js — the same stack I ship with.