Rahul Pandey — Frontend Developer

Case Study

Mono

A client-side issue tracker wrapped in a high-craft landing page — Linear-inspired, pure black-and-white, zero backend.

Live demo GitHub

RoleSolo · Frontend

TeamIndependent

ScopeProduct UI · Vanilla JS

Overview

Mono is a fully functional single-page productivity tool: marketing surface on the left, live issue tracker on the right. Issues support create, edit, status, priority, assignee, filters, keyboard navigation, and localStorage persistence — no frameworks, no server.

Approach

Semantic HTML, CSS custom properties, Grid/Flex, and vanilla JS modules of behavior. Keyboard-first interactions (N, arrows, Enter, Esc). Toast feedback on every meaningful action. Design constrained to pure monochrome for clarity.

Stack

HTML · CSS · Vanilla JavaScript · localStorage

AI workflow

Cursor, ChatGPT, Grok, and Claude for layout options, copy, and refactor suggestions. Keyboard flows, localStorage model, and final monochrome UI decided and verified by hand.

Case Study

Lumen

A calm infinite whiteboard for thinking and diagramming — built from scratch with no frameworks.

Live demo GitHub

RoleSolo · Frontend

TeamIndependent

ScopeCanvas engine · Tooling