Browsy | Devpost

Inspiration

Ever get overwhelmed by the myriad of restaurant options near you when you visit Google Maps? Our Google Maps personal assistant helps you pick out a new lunch spot while taking your personal tastes and interests into account!

What it does

Scrapes location and restaurant data using Gumloop and provides suggestions via a popup overlayed directly on your Google Maps browser.

How we built it

We used a React environment with Node.js to create a frontend user-friendly interface that can appear in your browser as an extension. We used Gumloop with a Google Maps node to get location data and cater restaurant recommendations to the user's personal taste and interests, and used API calls to communicate between the backend and frontend, allowing seamless transmission of user input and Gumloop output.

Challenges we ran into

We ran into an issue when we tried integrating the backend with our frontend. The process was relatively simple for our local host tests, but when the extension got involved, we ran into a connection error with our Gumloop backend. After thorough investigation, we learned that with an extension, there were certain permission and CORS limitations that prevented our extension from connecting to the Gumloop backend we had created. We also had challenges developing with Gumloop, a tool we weren't familiar with prior to this project.

Accomplishments that we're proud of

Tackling a new tool like Gumloop to help us automate our AI-powered workflows was a challenging task given our short time frame. We are super proud of the familiarity we developed with the platform, and the utility we were able to leverage out of Gumloop. We are also super proud of the end design and successful integration between our extension, frontend, and backend.

What we learned

We learned how to integrate code into a chrome extension. We also broadened our understanding of Gumloop, API integrations, and the intricacies of developing a popup overlay that provides users with a smooth, customizable, and uninterrupted experience.

What's next for Browsy

Expand the functionality to other websites beyond Google Maps to give the user a comfortable and convenient way to enhance and personalize their browsing experience.