Inspiration

A key emotional insight driving this project is nostalgia, particularly the feeling associated with the “2016 internet era”, a time defined by:

Unstructured exploration Serendipitous discovery of niche communities Curiosity-driven browsing without clear intent

What it does

Timeline is a virtual representation of browsing history, supporting active recollection of topics, reminders of time spent exploring internet rabbitholes, and facilitating resource sharing for important websites.

Other features include:

  1. Automatic Web Archiving Tracks all visited websites seamlessly Eliminates need for manual bookmarking

  2. Topic Bucketing & Classification Websites grouped into meaningful topics (e.g., video editing, home repair) Exhaustive clustering enables users to revisit entire learning journeys

  3. Interactive Timeline Scrollable timeline organized by: Day Month Year Highlights “chapters” of a user’s life

  4. Highlighting & Topic Consolidation Users can highlight important topics System consolidates related content into curated collections

  5. Nostalgia Prompts Surfaces past browsing sessions: “You explored this topic 3 months ago” Creates continuity between past and present

  6. Statistics & Insights Yearly summaries of: Interests Habits Time spent Helps users reflect on their digital behavior

  7. Sharing System Users can share: Individual webpages Topic “buckets” (e.g., MCAT resources, tutorials) Curated collections (e.g., fun websites) Personal statistics

  8. Customization & Control Users can remove webpages from topics Ensures privacy and personalization

How we built it

As a designathon, all mockups are made with figma, presented on framer.

For actual implementation (Core System Architecture) Chrome Extension captures all visited websites Data is sent to a backend database Websites are classified into topics (“buckets”) Data is structured chronologically and contextually A visual timeline interface enables exploration and rediscovery

Challenges we ran into

The original idea was to work around a node map, where each node represented a website and was connected via common topics. Had difficulty representing websites as nodes and finding common connections that allowed for relationships between nodes, but not too many to create flows. Instead, it pivoted towards timelines to also highlight the flow of time and the feeling of nostalgia/importance of archival activities.

Accomplishments that we're proud of

Ensuring the technical feasibility of our project and creating mvps to ground project in reality.

What we learned

New technologies to gather information on web-based activities, as well as interactive models (browsing history, interests, communities) to represent something that evolves with time.

What's next for Rabbithole

A technical integration of the mockup, as well as further elaboration on node maps as a feasible implementation for the interactive component of Rabbithole.

Built With

  • figma
  • framer
Share this project:

Updates