In progressMedium
Longest valid sequence
Find the maximum-length sequence that satisfies every constraint.
3 of 5 cases passing
Frontend-only Next.js starter
Start with the interface already feeling finished.
A focused foundation for technical products: polished screens, thoughtful states, and a compact design system—without bringing an entire platform along for the ride.
Responsive Accessible Dark mode
Good morningReady for a clean run?
New sessionWeekly streak5 days
Keep the rhythm goingRecent solvesView all
Two SumArrays · Easy+8
Graph PathsGraphs · Medium+24
Knapsack LiteDynamic programming+18
The useful frontend layer
Next.js 16React 19TypeScriptApp RouterCSS tokensNo backend
Focused foundation
Everything the interface needs. Nothing it doesn't.
The sibling template's strongest visual ideas, distilled into one approachable Next.js app.
A deliberate product shell
Marketing, workspace, navigation, responsive states, and empty-state patterns are already composed.
A design system you can use
Semantic tokens, typed primitives, light and dark themes, and an in-product component gallery ship together.
Simple on purpose
One Next app. No auth, database, API routes, native app, workspace packages, or provider configuration.
The system is part of the product
Tokens and components stay visible, named, and easy to change.
Adjust the palette once, reuse typed primitives everywhere, and use the gallery as a living visual contract.
Open the component galleryReady
Design system preview
Surface, border, type, motion, and focus behavior all draw from the same semantic layer.
Project nameAlgorithm practice
A smaller, better starting point
Take the front end and make it yours.
The repo is intentionally quiet: open the pages, change the tokens, and start building the actual product.