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:
Automatic Web Archiving Tracks all visited websites seamlessly Eliminates need for manual bookmarking
Topic Bucketing & Classification Websites grouped into meaningful topics (e.g., video editing, home repair) Exhaustive clustering enables users to revisit entire learning journeys
Interactive Timeline Scrollable timeline organized by: Day Month Year Highlights “chapters” of a user’s life
Highlighting & Topic Consolidation Users can highlight important topics System consolidates related content into curated collections
Nostalgia Prompts Surfaces past browsing sessions: “You explored this topic 3 months ago” Creates continuity between past and present
Statistics & Insights Yearly summaries of: Interests Habits Time spent Helps users reflect on their digital behavior
Sharing System Users can share: Individual webpages Topic “buckets” (e.g., MCAT resources, tutorials) Curated collections (e.g., fun websites) Personal statistics
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
Log in or sign up for Devpost to join the conversation.