Inspiration
The open source community thrives on collaboration, but finding the right projects to contribute to can often be overwhelming. We wanted to create a platform that not only showcases open source projects from a user’s own GitHub account but also allows them to discover popular repositories and even contribute their own. Our goal was to build a marketplace-like platform that would bring developers and open source projects together, facilitating contributions and helping maintainers find support for their work.
What it does
Open Source MarketPlace helps developers discover, showcase, and contribute to open source projects. The platform pulls data from GitHub to display a user's own repositories and also features a list of popular open source repositories filtered by programming languages. Additionally, users can submit their own open source projects to a MongoDB database through an intuitive submission form. This platform acts as a hub for developers to easily browse, discover, and contribute to the open source ecosystem.
How we built it
Frontend: We used React with Next.js to build a dynamic and responsive user interface. Tailwind CSS was integrated to create a clean, card-based design for displaying repositories and projects in an intuitive and appealing way. Backend: The backend was powered by Node.js with Express to handle API requests, such as fetching user repositories from GitHub and storing user-submitted projects in MongoDB. Database: We used MongoDB Atlas to store projects that users submit through the platform. This allowed us to create a scalable and flexible database solution. GitHub API: The GitHub API was used to fetch both personal repositories and popular open source projects, allowing for seamless integration and real-time updates of repository data.
Challenges we ran into
One of the main challenges was managing and filtering data from multiple sources. Ensuring that user-submitted projects from MongoDB were handled separately from GitHub repositories required careful planning of the data structure. Additionally, implementing language filtering for popular repositories involved dynamically querying the GitHub API, which required thoughtful design to avoid API rate limits.
Accomplishments that we're proud of
Successfully built a platform that connects developers with both personal and popular open source projects. Implemented an intuitive card-based UI that makes it easy for users to browse through projects. Integrated language filtering for popular repositories, enhancing the user’s ability to find projects that match their expertise. Created a seamless experience for users to submit their own open source projects to MongoDB, allowing for community-driven project contributions.
What we learned
Throughout this project, we gained deeper insights into integrating external APIs like the GitHub API, managing API rate limits, and handling dynamic content. We also learned how to create a scalable backend using Node.js and MongoDB. Building a responsive UI with Tailwind CSS provided us with a hands-on experience in creating mobile-friendly designs.
What's next for Open Source MarketPlace
We plan to add several new features to further enhance the platform:
Advanced Search: Implement advanced search capabilities that allow users to filter projects based on contributors, topics, or project maturity level. Collaboration Features: Integrate a feature that allows developers to connect directly with project maintainers for potential collaborations. User Profiles: Allow users to create profiles where they can showcase the projects they've contributed to, as well as track their contributions. Notifications: Add functionality to notify users when a project they are interested in is updated or when new contribution opportunities arise. Enhanced Language Filters: Expand the language filtering system with more granular controls, such as sorting by most recent contributions or most active projects.
Log in or sign up for Devpost to join the conversation.