A Case Study

GroupTable is a collaborative web application designed to solve the age-old problem of 'where should we eat?' It provides a gamified experience, drawing inspiration from dating apps, using a swipe-based interface to reach group consensus on dining decisions.

Built with React and Tailwind CSS for a responsive, modern UI, and powered by Netlify Functions for secure backend operations. The application integrates seamlessly with the Yelp Fusion API to provide real-time restaurant data.

Group dining decisions are notoriously frustrating. Traditional methods like group chats often lead to 'analysis paralysis' or dominant voices overriding others. There was a clear need for a democratic, engaging, and fast way for groups to discover and agree on restaurants.

The design process focused on three pillars:

Engagement, Collaboration, and Data Reliability.

Identified that the most friction occurs during the 'shortlisting' phase of group dining. Users wanted to see options quickly without feeling overwhelmed.

Adopted the 'swipe' mechanic to lower the cognitive barrier to entry. Each user's choice is private until a match is found, preventing groupthink.

Leveraged Yelp's Fusion API for high-quality restaurant data, including ratings, price points, and categories, ensuring users had all necessary info to make an informed choice.

The application architecture follows a linear but highly collaborative journey, ensuring that every participant feels involved in the decision-making process.

Host creates a new dining session, setting basic preferences like location and distance.

Friends join via a unique session ID, enabling real-time group interaction.

Yelp Fusion API fetches top-rated restaurants tailored to the host's initial settings.

The core mechanic: swipe right to like, left to pass. A gamified approach to decision making.

Real-time tracking of group likes. When everyone agrees on a spot, it's a match!

When there is no group consensus, a ranked choice list with option to fetch more option is provided.

Final decision reached with instant access to restaurant details, ratings, and directions.

The final product is a cross-platform web app that turns restaurant hunting into a shared game. Host a session, share the ID, and start swiping.

Key Features:

Real-time session synchronization, democratic voting logic, and instant match resolution. The UI adapts dynamically to show how many members have joined and who has finished swiping.

The visual language emulates Yelp look & feel to evoke a familiar, appetizing feel. The mobile-first approach ensures that groups can use the app while on the move, with large touch-targets and smooth transitions.

Groups reduced decision-making time from multiple hours to under 5 minutes. Test users reporting they found the process 'fun' compared to traditional methods. 100% of test groups reached a consensus within their first session.

GroupTable - YouTube

GroupTable Venkatesh Ln