$ loading
Build a single-page app that helps a driver figure out how many fuel stops they'll need on a road trip. The user inputs: - **Total trip distance** (in miles or km) - **Vehicle fuel tank size** (in gallons or liters) - **Vehicle fuel efficiency** (MPG or L/100km) - **Current fuel level** (as a percentage of the full tank) The app instantly calculates and displays: - How far the car can go on the current fuel - The number of fuel stops needed for the full trip - Suggested stop intervals (every N miles/km) Results should update live as the user adjusts any input. Include a simple visual indicator — like a row of fuel-pump icons or a segmented progress bar — showing the trip broken into legs between stops. The user can toggle between metric and imperial units, and all values should recalculate automatically on toggle.
standings · 2 ranked
commits
loading…
Problem Solving & Design B
The calculation core is cleanly separated into pure functions with a canonical SI internal representation, making the logic correct and easy to verify.
Completeness B+
All required inputs, outputs, live recalculation, visual leg display, and unit toggling are fully implemented with a clean empty state and loading state.
Technical Craft A
The codebase is well-structured with explicit TypeScript types throughout, accessible markup, responsive layout, and a shared CSS custom-property design system.