The latest articles on DEV Community by Abhi nandan (@abhinandan1). https://dev.to/abhinandan1 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3472593%2Ff9da87d6-d246-4d62-8410-38e8cea23a11.png https://dev.to/abhinandan1 en Abhi nandan Sun, 01 Mar 2026 21:57:50 +0000 https://dev.to/abhinandan1/i-spent-25-hours-this-weekend-creating-the-worlds-first-social-media-ecosystem-platform-for-open-4dpe https://dev.to/abhinandan1/i-spent-25-hours-this-weekend-creating-the-worlds-first-social-media-ecosystem-platform-for-open-4dpe <p><em>This is a submission for the <a href="https://dev.to/challenges/weekend-2026-02-28">DEV Weekend Challenge: Community</a></em></p> <h2> The Community </h2> <p>OpenShelf was built for the modern Open Source ecosystem, a community that is currently fragmented across dozens of disconnected platforms.</p> <p>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.</p> <p><strong>We built this for three core personas:</strong></p> <ol> <li>The Maintainers: Who need high-fidelity visibility into their project's health and a way to reach verified talent.</li> <li>The Contributors: Who want to move past superficial "good first issues" and find meaningful, skill-aligned work.</li> <li>The Career-Seekers: Who realize that a GitHub green square doesn't tell the full story of their technical impact.</li> </ol> <h2> What I Built </h2> <p>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.</p> <p><strong>Core Features Implemented:</strong></p> <ol> <li>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.</li> <li>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.</li> <li>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.</li> <li>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.</li> <li>Repo Health Scoring: Instant visibility into project activity, maintenance frequency, and community responsiveness.</li> </ol> <h2> Demo </h2> <p> </p> <div class="crayons-card c-embed text-styles text-styles--secondary"> <div class="c-embed__content"> <div class="c-embed__body flex items-center justify-between"> <a href="https://main.d3q829p5ff6ejp.amplifyapp.com/" rel="noopener noreferrer" class="c-link fw-bold flex items-center"> <span class="mr-2">main.d3q829p5ff6ejp.amplifyapp.com</span> </a> </div> </div> </div> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fg88zhir0yxwqj058dmgi.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fg88zhir0yxwqj058dmgi.png" alt=" "></a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F1s3lb09i66xuufm5yutj.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F1s3lb09i66xuufm5yutj.png" alt=" "></a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4wxehlqfqpzswjfjozag.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4wxehlqfqpzswjfjozag.png" alt=" "></a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F32hoabcwqj54p27ji9eh.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F32hoabcwqj54p27ji9eh.png" alt=" "></a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F79hbczk2qff6jhz8m4f8.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F79hbczk2qff6jhz8m4f8.png" alt=" "></a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F806upxzmhxigp23vcizf.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F806upxzmhxigp23vcizf.png" alt=" "></a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Figqthj4qarilefb8cnuj.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Figqthj4qarilefb8cnuj.png" alt=" "></a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4r7ep71v668gwmy6zd4x.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4r7ep71v668gwmy6zd4x.png" alt=" "></a></p> <h2> Code </h2> <p> </p> <div class="ltag-github-readme-tag"> <div class="readme-overview"> <h2> <img src="https://assets.dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"> <a href="https://github.com/Abhinandangithub01" rel="noopener noreferrer"> Abhinandangithub01 </a> / <a href="https://github.com/Abhinandangithub01/OpenShelf" rel="noopener noreferrer"> OpenShelf </a> </h2> <h3> </h3> </div> <div class="ltag-github-body"> <div id="readme" class="md"> <div class="markdown-heading"> <h1 class="heading-element">OpenShelf 🚀</h1> </div> <p>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.</p> <div class="markdown-heading"> <h2 class="heading-element">✨ Key Features</h2> </div> <ul> <li> <strong>OSS Discovery Engine</strong>: Find high-quality repositories vetted across 25+ health metrics.</li> <li> <strong>Contribution Matching</strong>: Get paired with projects seeking exactly your skills.</li> <li> <strong>Mentorship Network</strong>: Learn 1:1 from actual maintainers of the projects you use.</li> <li> <strong>OSS Career Market</strong>: Find bounties, contracts, and full-time roles sourced from companies that run on open source.</li> <li> <strong>Repo Health Scores</strong>: Instant insights into project maintenance and community activity.</li> <li> <strong>Dev Community Channels</strong>: Unified discussion rooms for specific ecosystems like Rust, Go, and React.</li> </ul> <div class="markdown-heading"> <h2 class="heading-element">🛠 Tech Stack</h2> </div> <ul> <li> <strong>Framework</strong>: <a href="https://nextjs.org/" rel="nofollow noopener noreferrer">Next.js</a> (App Router)</li> <li> <strong>Styling</strong>: <a href="https://tailwindcss.com/" rel="nofollow noopener noreferrer">Tailwind CSS</a> </li> <li> <strong>Backend/Auth</strong>: <a href="https://aws.amazon.com/amplify/" rel="nofollow noopener noreferrer">AWS Amplify</a> </li> <li> <strong>UI Components</strong>: <a href="https://mantine.dev/" rel="nofollow noopener noreferrer">Mantine UI</a> &amp; Lucide React</li> <li> <strong>Icons</strong>: <a href="https://lucide.dev/" rel="nofollow noopener noreferrer">Lucide React</a> </li> </ul> <div class="markdown-heading"> <h2 class="heading-element">🚀 Getting Started</h2> </div> <ol> <li> <p><strong>Clone the repository</strong>:</p> <div class="highlight highlight-source-shell notranslate position-relative overflow-auto js-code-highlight">… </div> </li> </ol> </div> </div> <div class="gh-btn-container"><a class="gh-btn" href="https://github.com/Abhinandangithub01/OpenShelf" rel="noopener noreferrer">View on GitHub</a></div> </div> <h2> How I Built It </h2> <p>The application is built with a Cloud-Native, High-Performance Stack focused on speed, real-time updates, and advanced UI/UX.</p> <p><strong>The Frontend:</strong></p> <ol> <li>Next.js 15 (App Router): Leveraging server components for SEO and client components for complex state management.</li> <li>Mantine UI &amp; 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.</li> <li>Lucide React: A comprehensive icon set for high-fidelity visual communication.</li> <li>The Backend &amp; AI:</li> <li>AWS Amplify: Powering our entire backend infrastructure, including Auth (Cognito), real-time Database (AppSync), and high-speed CI/CD deployments.</li> <li>Groq AI Engine: Utilizing Llama-3 models via Groq to power our semantic project discovery, translating natural language queries into specific technical filters.</li> <li>GitHub Search API: Integrated directly into our discovery engine to fetch real-time repository data from the global OSS world.</li> <li>LocalStorage Persistence: To ensure custom lists and bookmarked external data are instantly accessible without unnecessary database round-trips for the user.</li> </ol> devchallenge weekendchallenge showdev Abhi nandan Wed, 05 Nov 2025 15:14:48 +0000 https://dev.to/abhinandan1/fortify-2iaj https://dev.to/abhinandan1/fortify-2iaj <p><em>This is a submission for the <a href="https://dev.to/challenges/agentic-postgres-2025-10-22">Agentic Postgres Challenge with Tiger Data</a></em></p> <h2> What I Built </h2> <p>Fortify</p> <h2> Demo </h2> <p>Fortify</p> <h2> How I Used Agentic Postgres </h2> <p>Fortify</p> <h2> Overall Experience </h2> <p>Fortify</p> devchallenge agenticpostgreschallenge ai postgres