Hubble

Hubble dashboard
Hubble Chrome extension

Inspiration

We wanted to build a tool for people who are searching for housing (post-grad, internships, traveling, etc), and don't want to go through the painstaking, manual process of copying all the options' information into a giant spreadsheet.

What it does

Hubble ships with an in-browser Chrome extension that with one-click scrapes all the relevant data from the apartment/house/airbnb you're looking at and stores that data in an easy-to-read and shareable dashboard. Within this dashboard, you can ask various questions about the scraped data e.g. is it pet friendly? is there in-unit washer/dryer? and that information will immediately be populated into your saved housing options.

How we built it

The Chrome extension we built scrapes the listing website for all its textual data, and then feeds that into our Supabase backend as unstructured text. This listing is then displayed on the frontend, where the user is able to query more information about this listing using GPT-3 on the unstructured text.

We created the frontend using Next.js 13, styled-components, the Ant design component library, and useSWR for data-fetching. For the backend, we used the BaaS Supabase for their authentication, database, storage, webhook, and edge function services. In addition, the Chrome extension was built with Vanilla JS, CSS, HTML, and ManifestV3. The Chrome extension utilizes the Supabase edge functions to authenticate, POST, GET, and UPDATE data in our database which ensures scalability and low latency.