I craft digital experiences with accessible user interfaces and data visualization tools using React.js, TypeScript, Next.js, TailwindCSS, Figma, and Storybook.
TruckMap
This is a route planning interface where drivers enter origin/destination points and add waypoints along their journey. The map shows the calculated trip with amenities along the route, and allows for drag-and-drop reordering of stops to optimize the trip. The map is interactive and allows for showing road restrictions as well as editing and reporting additional restrictions.
Built with React, Next.js, Mapbox GL, Turf.js, Recoil
TruckMap
The search page allows drivers to find facilities by entering a location and filtering by type (truck stops, weigh stations, rest areas) and amenities (diesel prices, overnight parking). The interactive map displays color-coded markers for each place type, with results updating as users pan across different areas.
Built with React, Next.js, Mapbox GL, SWR by Vercel, React Context
TruckMap
This information hub displays key facility operational data (hours, services, contact info) alongside driver-contributed reviews and updates. The page includes amenity availability, pricing information, and crowdsourced status updates that help drivers make informed decisions.
Built with React, Next.js, React Hook Form, Recoil
Tiny Organics
The interface allows parents to select baby food varieties in a three-step subscription checkout and manage recurring deliveries from a dashboard. Users can supplement orders with add-ons and one-time purchases for easy subscription management within their accounts.
Built with React, Next.js, Ant Design, Redux, Express.js, Redis
Tiny Organics
The storefront complements the subscription platform with product catalog browsing and age-based recommendations. It features product pages, nutrition information, and supports various marketing initiatives.
Built with React, Shopify, Stripe, Framer Motion, FullStory