I have teamed up with my friend Felipe for a submission for this challenge.
The app can be accessed here and the source code is availabe here.
Key Features
The key focus of our web application is to allows users to dive into the world of Michelin star restaurants and to discover places based on their preferences and interest. Do you want to get an overview of all Green Star restaurants? No Problem. Interested in all restaurants that offer a vegetarian menu? Say no more. Or maybe you feel fancy and want to see all three-start restaurants that also have an interesting wine list? We got you covered.
Overview
The map is the central component of this application. It displays all restaurants that are part of the guide michelin and allows users to roam around the globe and find places that they are interested in.
Filters
Through the filters, users are enabled to customize the map along their preferences. That way they can mix and match what they want to see and tailor their experience to their liking.
Tooltips
By hovering over a restaurant, the user can easily get the most basic information about that place.
Profile View
If users want to get more information than what they can get via the tooltips, the can simply click on the restaurant and view the restaurant profile box.
Dashboard
If a user is interested in an entire area rather than a single restaurant, they can click on the dashboard button. As a result, a dashboard is shown based on all restaurants in view. Only those restaurants end up in the dashboard that remain after applying the filters. That way, a whole array of dashboard experiences is possible, such as a dashboard of Japan, a dashboard of two-star restaurants, or a dashboard of wheelchair accessible restaurants, just to name a few. The “Locations” as well as the “Location x Cuisine” charts on the dashboard adjust based on how many restaurants are in view.
List
If the user prefers to scroll through the restaurants in view, they have the option to click on the restaurant list button. This gives them a paginated list with all restaurants that they can see, sorted by their number of Michelin stars. Additionally, clicking on a restaurant focusses that restaurant on the map.
We had plenty of fun designing and developing this app and are curious to hear your feedback.
Cheers,
Felipe and Jan