Personal Portfolio (Developer / Designer)

What you get

A single-file Tailwind CSS portfolio site built around a fictional product designer persona, Maya Chen, with real sample content across four distinct projects. Every section is written, structured, and styled — download, swap your details, and you have a credible, recruitable web presence without starting from a blank file.

Who it's for

Developers and designers who are actively job-seeking, pitching freelance clients, or refreshing a portfolio that no longer reflects their level. Useful at the moment you need something shareable within a day, not a week.

What's inside

• Hero block — name, one-line value proposition, and a clear call-to-action anchored to the contact section
• About paragraph — a first-person professional summary covering specialization, years of experience, and working style, written to be edited in minutes
• Projects section (4 cards) — sample work across B2B SaaS, fintech, and consumer health, each card showing project name, role, and a one-sentence outcome
• Northwind Analytics case card — dashboard redesign reducing onboarding time, framed around a measurable result
• Fintrust case card — transaction flow simplification for a regulated fintech product
• Bloom Health case card — consumer-facing interface for a health tracking product
• Testimonials block — two attributed quotes from fictional collaborators, formatted for easy replacement with real references
• Contact CTA and footer — a direct contact prompt, plus footer with placeholder social links for GitHub, LinkedIn, and Dribbble

How to use it

Download the single .html file and open it in any code editor — VS Code, Cursor, or similar. Tailwind loads via CDN, so no build step or local dependencies are required. Replace Maya Chen's name, bio, project details, and social links with your own, then deploy to GitHub Pages, Netlify, or any static host. The whole swap typically takes under two hours.