DEV Community

Cover image for I spent 25 hours this weekend creating the world's first social media + ecosystem platform for open source developers.
Abhi nandan
Abhi nandan

Posted on

I spent 25 hours this weekend creating the world's first social media + ecosystem platform for open source developers.

#devchallenge #weekendchallenge #showdev

DEV Weekend Challenge: Community

This is a submission for the DEV Weekend Challenge: Community

The Community

OpenShelf was built for the modern Open Source ecosystem, a community that is currently fragmented across dozens of disconnected platforms.

Software today is built in the open, yet the "human layer" of development is scattered. Maintainers struggle to find quality contributors amidst the noise of "first-timers," while developers find it nearly impossible to discover projects that actually match their specific skill sets or career goals.

We built this for three core personas:

  1. The Maintainers: Who need high-fidelity visibility into their project's health and a way to reach verified talent.
  2. The Contributors: Who want to move past superficial "good first issues" and find meaningful, skill-aligned work.
  3. The Career-Seekers: Who realize that a GitHub green square doesn't tell the full story of their technical impact.

What I Built

OpenShelf is the unified social and productivity layer for Open Source. It transforms the "code dump" nature of traditional repositories into a living, breathing social network.

Core Features Implemented:

  1. AI Discovery Engine: A semantic search interface that allows developers to describe their needs (e.g., "A high-performance Rust web library") and receive curated, high-health repository recommendations across the entire internet.
  2. Social Changelog Feed: A LinkedIn-inspired "What's New" feed where maintainers and contributors post updates, celebrate releases, and share technical articles directly with their followers.
  3. Project Planning (Kanban): Integrated agile planning boards native to the platform, allowing teams to organize issues, roadmap features, and track progress without jumping between tabs.
  4. Custom Bookmark Collections: A personalized "Open Source Shelf" where users can organize external repositories into custom lists (e.g., "Studying," "Favorites," "To Contribute") to manage their learning journey.
  5. Repo Health Scoring: Instant visibility into project activity, maintenance frequency, and community responsiveness.

Demo

main.d3q829p5ff6ejp.amplifyapp.com

Code

GitHub logo Abhinandangithub01 / OpenShelf

OpenShelf 🚀

OpenShelf is the community platform for open source discovery and collaboration. It empowers developers to find high-quality projects, contribute meaningfully, and grow their careers in the open source ecosystem.

✨ Key Features

  • OSS Discovery Engine: Find high-quality repositories vetted across 25+ health metrics.
  • Contribution Matching: Get paired with projects seeking exactly your skills.
  • Mentorship Network: Learn 1:1 from actual maintainers of the projects you use.
  • OSS Career Market: Find bounties, contracts, and full-time roles sourced from companies that run on open source.
  • Repo Health Scores: Instant insights into project maintenance and community activity.
  • Dev Community Channels: Unified discussion rooms for specific ecosystems like Rust, Go, and React.

🛠 Tech Stack

🚀 Getting Started

  1. Clone the repository:

    …
    Enter fullscreen mode Exit fullscreen mode
View on GitHub

How I Built It

The application is built with a Cloud-Native, High-Performance Stack focused on speed, real-time updates, and advanced UI/UX.

The Frontend:

  1. Next.js 15 (App Router): Leveraging server components for SEO and client components for complex state management.
  2. Mantine UI & Tailwind CSS: Using Mantine's robust component library for complex modals and notifications, paired with custom Vanilla CSS/Tailwind for a premium "pure black" AMOLED aesthetic.
  3. Lucide React: A comprehensive icon set for high-fidelity visual communication.
  4. The Backend & AI:
  5. AWS Amplify: Powering our entire backend infrastructure, including Auth (Cognito), real-time Database (AppSync), and high-speed CI/CD deployments.
  6. Groq AI Engine: Utilizing Llama-3 models via Groq to power our semantic project discovery, translating natural language queries into specific technical filters.
  7. GitHub Search API: Integrated directly into our discovery engine to fetch real-time repository data from the global OSS world.
  8. LocalStorage Persistence: To ensure custom lists and bookmarked external data are instantly accessible without unnecessary database round-trips for the user.

Top comments (0)