NTU Food Map
The Web Programming final — a React and Next.js map of NTU's eateries backed by MongoDB, with search, tags, and a random picker
NTU Food Map
NTU Food Map is the final project for the Web Programming course. As students who came to NTU from different cities, we knew the struggle of finding good restaurants near campus while buried in coursework. So our team of three built a website to help fellow students discover food around National Taiwan University.
Landing page — student-friendly prices, multiple food choices, all near NTU
Features
- Search by name — type a restaurant name to find it directly
- Search by tags — filter by cuisine type, price range, or region to narrow down options
- Google Maps integration — every restaurant is pinned on an embedded map with location details
- Random picker — can’t decide? Hit the random button and get a suggestion filtered by your preferred region or category
Map view — restaurants pinned around the NTU campus area
Search results with tag filtering and restaurant photo cards
Tech Stack
The frontend is built with React and Next.js, the backend uses Node.js with MongoDB for the restaurant database. The course took us from basic HTML/CSS/JavaScript through React hooks, server-side rendering, and database integration.