Prooflink

Turn your work into proof.

Comment

Project Story: ProofLink

Inspiration

Traditional portfolios are broken. They are either static "about me" pages or cluttered lists of repositories that recruiters don't have time to read. We noticed that recruiters spend an average of 6 seconds on a resume. We wanted to build a tool that gives them a Senior Architect's perspective on a developer's "Code DNA" in those same 6 seconds.

What it does

ProofLink is a high-impact, AI-powered Engineering Dossier. It goes beyond simple statistics to audit a developer's entire technical ecosystem.

  • AI Code Audit: Uses Gemini to analyze repositories and predict career trajectories.

  • Case Study Dossier: Automatically transforms raw GitHub repos into professional case studies with architectural reasoning.

  • Live Peek: Interactive browser mockups that let recruiters test your apps without leaving your profile.

  • Recruiter Insights: Real-time analytics that show you exactly when and how recruiters interact with your work.

How we built it

We prioritized a "Performance First" architecture:

  • Frontend: Built with React and Vite for blazing-fast loads, using TanStack Router for seamless navigation.
  • AI Engine: Orchestrated via Google Gemini, using a custom "Senior Technical Architect" persona to perform deep-dive code audits.
  • Styling: A bespoke Brutalist Design System crafted with vanilla CSS to establish a premium, high-authority aesthetic.
  • Infrastructure: Firebase for secure authentication/database, and Vercel Blob for high-performance, cost-free document storage.
  • Analytics: A custom-built serverless tracking engine to log recruiter engagement in real-time.

Challenges we ran into

One of the biggest hurdles was the "Context Gap"—how do you take a messy GitHub repo and explain its business value? We had to iterate on our AI prompting for weeks to ensure the "Case Study" feature actually sounded like a Senior Engineer explaining a project, not just a summary of code. We also wrestled with Iframe Security (X-Frame-Options) for the Live Peek feature, eventually building a smart fallback system for sites that block previews.

Accomplishments that we're proud of

  • The Branding: We successfully moved away from "boring SaaS" and created a Premium Brutalist brand that feels like a confidential engineering file.
  • The Case Study Engine: It's incredibly satisfying to see a simple repo transformed into a professional narrative.
  • Real-time Insights: Building an end-to-end analytics engine that works across edge functions was a major technical win.

What we learned

We learned that Constraints Breed Quality. By sticking to a strict Brutalist design, we found that information hierarchy became much clearer. We also deepened our knowledge of AI Orchestration—specifically how to handle large, unstructured data from social APIs and GitHub and turn it into structured, valid JSON for a UI.

What's next for ProofLink

  • AI Mock Interviews: Generating role-specific interview questions based on the developer's unique strengths.
  • Verified Skills DNA: Integrating deeper with platforms like StackOverflow and Kaggle for a 360-degree technical view.
  • Custom Design Tokens: Allowing users to customize their dossier's "Brutalist Intensity" and color palettes.

Built With

Share this project:

Updates