Dribbl

Logo
Profile Page
Networking Page
Main Feed

Inspiration

The inspiration for Dribbl came from our love for soccer and a desire to create a social platform specifically for soccer enthusiasts. Since we were kids, we always admired these players on the field, what they do to bring a city or even an entire country together. But it always felt as if most current media apps are more general-topic based rather than targeting a specific niche. We wanted to connect players, both professionally and recreationally, to interact and share content, and bring soccer players, fans together even closer. We wanted to offer the chance for players to receive the recognition that they deserve, by providing providing them more engagement and display their skills So this is Dribbl in a nutshell, a concept of a community-driven social media app for soccer just felt like a fun yet practical project to work on.

What it does

Dribbl is a social media application built specifically for soccer. It offers networking opportunities for soccer players, both professional and amateur, while also functioning as a general social media platform. The app includes features like community threads, feeds, and messaging. Users can join soccer-related communities, share content, and connect with fellow players from around the world. We also aim to support players and amateurs by providing them with our own built-in custom shop where creators may sell merch.

How we built it

Dribbl was built using React for the frontend, with MongoDB as the database. We used Socket.IO for real-time communication and messaging features, ensuring users can interact instantly through private chats and group discussions. The backend is structured with Node.js and Cloudinary storage, and the app is hosted on a cloud platform, providing scalability and accessibility.

Challenges we ran into

Throughout the development process, one of the biggest challenges was ensuring smooth real-time interactions between users using Socket.IO. Handling different user states and keeping the app responsive during high traffic periods posed some hurdles. Another challenge was making the app fully responsive, ensuring it works seamlessly on both mobile and desktop devices.

Accomplishments that we're proud of

We're proud of the app's fully functional messaging system, the integration of real-time updates, and the user-friendly community thread structure. Creating a platform that allows soccer players to network and share content in an engaging environment is a huge accomplishment for us.

What we learned

This project taught us a lot about building real-time applications and working with real-time communication technologies like Socket.IO. We also learned about managing user interactions at scale and making sure the app is responsive across different platforms. Additionally, we gained valuable experience in using MongoDB and React to structure and manage data effectively.

What's next for Dribbl

Moving forward, we plan to enhance Dribbl by adding more features like a leaderboard system, player stats tracking, and improved integration with soccer-related APIs. We also aim to expand the social features, allowing players to organize events, matches, and tournaments. Our goal is to make Dribbl the go-to platform for soccer networking and socializing.