Inspiration We often keep our relationships in silos—family in one app, friends in another, colleagues on LinkedIn. But our real lives don’t work like that. Connections are layered, evolving, and deeply intertwined. We wanted a way to map and visualize our entire network in one place—a living graph of meaningful relationships. That’s how the idea for Loopline was born: a platform to see, organize, and reflect on your web of connections across personal and professional spheres.
What it does Loopline is a personal relationship mapping tool that allows users to:
Connect and categorize people as family, friends, colleagues, mentors, etc.
Define relationship types (e.g., parent-child, manager-report, cousin, best friend).
Visualize connections using a clean, interactive hierarchical graph.
Control privacy over who sees what and how.
Search and filter to quickly locate and understand your connections.
It’s not just a social app—it’s a map of your life’s relationships.
How we built it Frontend: Built using React.js with responsive design to support web and mobile.
Graph Visualization: Used Cytoscape.js to render dynamic and scalable relationship graphs.
Backend: Developed with Node.js and Express, with RESTful APIs for user, connection, and relationship management.
Database: Utilized PostgreSQL for structured data and experimented with Neo4j for advanced graph-based queries.
Authentication: Integrated Firebase Auth for simple and secure user login.
Challenges we ran into Graph Complexity: Managing and displaying large, interconnected data as a readable, interactive graph took significant optimization and design thinking.
Relationship Modeling: Structuring relationships to allow both vertical (e.g., parent > child) and horizontal (e.g., siblings, friends) hierarchies was more complex than expected.
Privacy Logic: Creating flexible but intuitive privacy controls that worked well within the visual graph framework required thoughtful iteration.
Performance Issues: Ensuring smooth graph rendering for users with many connections without lag on mobile devices was a persistent technical challenge.
Accomplishments that we're proud of Developed a functioning prototype with dynamic graph rendering and real-time connection mapping.
Designed an intuitive UI/UX that simplifies a complex concept into something that feels natural and meaningful.
Implemented scalable data models that accommodate different relationship types without rigid schemas.
Received positive feedback from initial test users who appreciated the emotional and practical value of seeing their relationship tree.
What we learned Relationships are deeply personal, and mapping them visually can be powerful but also requires sensitivity and customization.
Building a product that bridges social, emotional, and technical domains demands both empathy and precision.
Graph databases like Neo4j offer a natural solution for relationship modeling but require a shift in thinking from traditional RDBMS.
Simplicity in UI is hard—but crucial. Less is more, especially when dealing with personal data.
What's next for Loopline Mobile App: We're planning native apps for iOS and Android to make Loopline truly accessible.
AI-Powered Insights: Suggesting possible indirect connections, relationship paths, or even forgotten links using AI.
Import Options: Enable users to import contacts from phonebooks, LinkedIn, or CSV files.
Event Timeline: Add shared events or milestones to visualize memories and interactions.
Custom Tags and Filters: Let users create custom groupings or tags for better organization.
Loopline is just getting started. We're not building another social app—we're creating a relationship legacy tool that grows with you.
Log in or sign up for Devpost to join the conversation.