Naschi
A fun little map-based restaurant finder I built over a weekend.
Next.js
React
TypeScript
Tailwind CSS
Mapbox
Supabase
Try it yourself
Key Features
- •Interactive map with Mapbox integration
- •Toggle between map and list views
- •Add your own favorite restaurants
- •Fun rating system with 'Goldenes Naschi' (4-stars) and 'Diamantenes Naschi' (5-stars)
- •Mobile-friendly design that works on any device
- •Built with Next.js and Supabase for quick deployment
About This Project
Naschi started as a weekend project when I wanted to test out Mapbox integration with Next.js. I've always found typical restaurant apps a bit overwhelming with too many options, so I made something simpler focused on places I'd actually recommend.
The map view was the most fun to build – I got to play around with custom markers and interactive elements while learning more about geospatial data. The toggle between map and list views took some work to get the transitions smooth on mobile.
I update it occasionally when I find new spots worth adding. Feel free to submit your own favorites if you check it out – the app lets you add entries yourself.
Preview
