Inspiration
I was curious about the idea of six degrees of separation - the idea that any two people are linked by six or less layers of social relationships. I wanted to graph out each persons relationships in order to portray this idea in a visually comprehensible medium, and furthermore allow for multiple to individually add their own connections, in a scalable fashion.
What it does
Our website has people sign in, and input each person they know. As more people sign in, and input their relations, lines are drawn between people and common friendships, allowing for a graphic representation of the social network.
How we built it
We really were going into this blind, so we started with an hour long call with Amruth, Qazi, and Raiyan. After that, we tried to start from scratch, and learn JS and NextJS, but due to not knowing much about JavaScript nor server hosting, a lot of our code was written/tweaked by an AI.
Challenges we ran into
As we didn't know how to code in JS, the first problem we ran into was needing to use an AI to set up the framework. Due to using an AI, a lot of tweaking broken code and researching what was going on was important, slowing down progress.
Accomplishments that we're proud of
Coming into this blind, having the website even be functional is a huge accomplishment. Starting off, I was incredibly intimidated by the scale and depth of what was going on, so now, having a basic understanding of JS, and how everything works is a huge step up in my playbook.
What we learned
We learned that forward planning and coordination are not to be slacked on - we didn't plan our ideas, and our execution in-depth before hand, so we both still had disjointed ideas about what we were making. Furthermore, we didn't coordinate well, as we didn't look at each others schedules, or figure out who was going to do what.
What's next for Social Hierarchical Interpersonal Translator (S.H.I.T)
Cleaner UI, database security, types of relations (IE; positive or negative), leaderboard for the most connections
Built With
- javascript
- nextjs
- supabase

Log in or sign up for Devpost to join the conversation.