fa171569727162667d0a7e121989c017a75ea3bd
Inlander Restaurant Week Picker
A single-file web app for browsing, marking favorites, and randomly selecting a restaurant during Inlander Restaurant Week.
Overview
The app presents all participating IRW restaurants in a two-panel layout — a scrollable list on the left and a detail view on the right — making it easy to browse full multi-course menus before deciding where to eat.
Each couple gets their own set of interest checkboxes ("His Picks" / "Her Picks") that persist in localStorage across sessions. Once both people have marked their favorites, the built-in randomizer picks a winner from the mutually-agreed pool.
Features
- Browse & search — filter restaurants by name, price tier ($25 / $35 / $45), neighborhood/area, and cuisine type
- Full menu detail — click any restaurant to view its complete multi-course IRW menu with descriptions
- Dual interest tracking — independently mark restaurants as interesting for two people; selections are saved automatically in the browser
- Interest filter — narrow the list to His Picks, Her Picks, Both Picked, or Either Picked
- Random picker — "Pick for Us!" draws a random winner from the currently filtered pool, with an option to re-roll
- Course browse — dedicated First Course, Second Course, and Third Course buttons open a modal listing every dish for that course across all restaurants; click any dish to jump straight to that restaurant's detail view
- Clear Filters — one-click button to reset all search and filter fields back to their defaults
- Reset Selected — clears all saved picks (with a confirmation prompt) so you can start fresh
- Mobile-friendly — responsive single-panel layout on small screens; the list and detail views swap in place, with a Back button to return to the list
- No dependencies — pure HTML, CSS, and vanilla JavaScript; open the file directly in any browser
Usage
- Open
restaurant-picker.htmlin a web browser (no server required). - Browse the restaurant list or use the toolbar filters to narrow choices.
- Use the First Course, Second Course, or Third Course buttons to browse all dishes for a given course and jump to any restaurant that interests you.
- Check the You and Wife boxes on any restaurant you're each interested in.
- Click Pick for Us! to randomly select from the restaurants you both want.
- Re-roll as needed, or click View Details to jump to the winner's menu.
- Use Clear Filters to reset the toolbar, or Reset Selected to clear all picks and start over.
Tech Stack
| Layer | Details |
|---|---|
| Structure | HTML5 |
| Styling | Inline CSS (dark red/gold IRW theme) |
| Logic | Vanilla JavaScript |
| Persistence | Browser localStorage |
| Dependencies | None |
File Structure
restaurant-picker.html # The entire app — HTML, CSS, and JS in one file
LICENSE
README.md
Languages
HTML
100%