🌌 Stars Near You - Constellation Connections ✨ About the Project The inspiration behind Stars Near You - Constellation Connections was to create an easy, informal way for people to connect with friends and those around them who are going through similar experiences or share the same interests. We imagined these social overlaps as constellations—clusters of people coming together based on shared goals, activities, or passions.
We wanted to make meeting like-minded people feel natural and visual, so we came up with the idea of mapping social connections as constellations in a digital space.
🌠 What It Does The app uses GitHub OAuth to authenticate users and visualize connections between them. Once authenticated, users can add friends and see how they are linked with others through a dynamic, interactive graph. The result is a constellation of connections—making it easy to find people with similar interests or shared paths.
🛠️ How We Built It Very carefully. 😄
But seriously—we built the project using:
Next.js for the frontend framework
Supabase as the backend database and auth system
GitHub OAuth for user authentication
D3.js to visualize the connections as constellations
Each part came with its own set of learning curves, but the result was a cohesive experience that brings data and visuals together in a fun, social way.
🧩 Challenges We Ran Into We faced quite a few hurdles, including:
Setting up and configuring GitHub OAuth for authentication
Integrating Supabase with our Next.js application
Getting D3.js to work smoothly within a React/Next.js environment for interactive graph rendering
Each of these systems required a deep dive into documentation and experimentation.
🎉 Accomplishments We're Proud Of Despite the challenges, we successfully:
Connected Supabase with Next.js
Implemented GitHub OAuth
Visualized user connections using D3.js
These were all major technical wins for our team.
🔮 What’s Next We're excited about the future of Stars Near You! Here's what's coming:
Allowing users to create and join events, and see who else is going
Adding interests or tags to profiles, so connections can be based on more specific shared passions
Enhancing the constellation visuals to be more interactive and meaningful
Built With
- css
- d3.js
- html
- javascript
- json
- nextauth
- nextjs
- supabase
- typescript
Log in or sign up for Devpost to join the conversation.