Profile Base
Web Development
Completed

Profile Base

A dual-purpose developer identity platform that generates a stunning interactive portfolio and an ATS-ready PDF resume from a single data source.

Overview

ProfileBase is a modern, full-stack application designed to solve the fragmentation between personal portfolios and professional resumes. Instead of managing two separate documents, developers update their profile once, and the system automatically generates a high-fidelity live website and a perfectly formatted PDF resume. It combines professional utility with premium design aesthetics.

Key Features

  • Unified Data Source – Update once, reflect everywhere (Web + PDF).
  • Live GitHub Heatmap – Auto-syncs and visualizes coding activity.
  • Interactive Public Profile – Glassmorphic UI with dark/light modes.
  • Smart PDF Engine – Browser-accurate rendering with specific page-break logic.
  • Bento Grid Analytics – Visualize profile views and engagement.
  • Secure Auth – Google/GitHub OAuth with account linking support.

Why I Built This

  • To eliminate the friction of maintaining both a resume and a personal website.
  • To tackle the technical challenge of high-fidelity HTML-to-PDF generation.
  • To build a 'developer-native' platform that integrates directly with GitHub.
  • To create a tool that prioritizes premium design (clean type, bento grids) over generic templates.

Tech Stack

ReactNext.jsTailwindMotionTypeScriptNeon

Launch & Impact

  • Successfully implemented secure OAuth flow with safe account linking.
  • Achieved 100/100 Lighthouse scores for Accessibility and SEO.
  • Reduced the time-to-create a professional portfolio from hours to minutes.
  • Deployed a scalable full-stack app with server actions and edge-ready config.

Future Plans

  • AI Writing Assistant – Integrate LLMs to rewrite resume bullet points.
  • Custom Domains – Allow users to map yourname.com to their profile.
  • Theme Marketplace – Community-driven templates for resumes.

Related Projects

RareUI
Avatar

RareUI

A modern, highly-performant React component library designed to streamline web development.

TechStacks

React
Next.js
Tailwind
Brand Framer Motion Streamline Icon: https://streamlinehq.comMotion
TypeScript
Vercel

Completed

View Details
UMSystem
Avatar

UMSystem

A full-stack University Management System that helps admins, faculty, and students manage academics, attendance, assignments, results, and fees from one platform.

TechStacks

React
Nodejs Icon Alt Streamline Icon: https://streamlinehq.comNode.js
Tailwind
Brand Framer Motion Streamline Icon: https://streamlinehq.comMotion
Mongodb Icon Streamline Icon: https://streamlinehq.comMongoDB
Vercel

Completed

View Details

“Heyy, If you made it this far, let's chat.”

Design & Developed by @heyyswap © 2026. All rights reserved.