Inspiration

In today’s digital age, while there are numerous social networking platforms, many cater to broad audiences, leaving niche communities underserved. ConnectSphere was born out of the desire to create a space where individuals with specific, often overlooked interests can connect, share, and build communities. Whether it’s a passion for retro gaming, urban gardening, or vintage synthesizers, ConnectSphere aims to bring like-minded people together effortlessly.

What We Learned

Building ConnectSphere taught us the power of no-code development platforms like Bolt.new. We learned how to leverage AI to rapidly prototype and deploy a fully functional web app without writing a single line of code. Additionally, integrating various APIs (ElevenLabs for voice, Tavus for video, Supabase for database, etc.) expanded our understanding of how different technologies can be combined to create a seamless user experience. We also gained insights into the importance of user-centric design and the challenges of ensuring real-time functionality in a time-constrained environment.

How We Built It

We utilized Bolt.new’s AI-powered platform to generate the core structure of ConnectSphere. By providing a detailed prompt, Bolt.new created a React frontend and Node.js backend, complete with user authentication, profile management, and interest-based matchmaking. We then integrated:

Supabase for a scalable and secure database to store user data and interests (using the free plan with 500 MB storage).

ElevenLabs API for enabling voice messaging in the chat interface (using the free plan with 10,000 characters per month).

Tavus API for real-time AI-driven video meetups in the community hub (using the free plan with five stock avatars and three minutes of credit per replica).

RevenueCat for implementing a subscription model to offer premium features (using the free plan, paying only when earnings exceed $2.5k).

Netlify for deploying the app, ensuring it was publicly accessible (using the free plan with 100GB bandwidth and 300 build minutes).

Entri/IONOS for securing a custom domain (connectsphere.app) through the hackathon’s partnership, providing a free domain for the project.

The entire development process was completed within the hackathon’s tight deadline, showcasing the efficiency of no-code tools.

Challenges Faced

One of the primary challenges was optimizing the AI matchmaking algorithm to ensure accurate and relevant user suggestions based on niche interests. Another hurdle was integrating multiple APIs within the time constraints, especially ensuring that voice and video features worked seamlessly. Additionally, deploying the app on Netlify and setting up the custom domain required careful configuration to avoid downtime. Despite these challenges, Bolt.new’s intuitive interface and the availability of free-tier API services allowed us to overcome these obstacles and deliver a functional prototype.

Built With

• bolt.new
• elevenlabs-(voice-ai
• free
• free-plan)
• netlify-(deployment
• node.js-(backend)
• react-(frontend)
• revenuecat-(monetization
• tavus-(conversational-ai-video