Please sign in to access this page
resume to personal website generator Used AI
A web app that instantly turns your resume into a modern, professional personal website. Upload your resume and get a fully responsive, customizable portfolio site; no coding required. Built with Next.js, Tailwind CSS, and AI-powered parsing, Sitemaker extracts your experience, skills, and projects, then generates a beautiful site you can edit live and download as HTML. Perfect for job seekers, students, and anyone who wants a personal site fast.
Followers
Abū al-Barāʾ
Check their projects out: Moaz Website generator, Image Compressor, Moaz Video Downloader, Typing Speed Test, QR Code Scanner, Python Learning Website, QR Code Generator, Text Transformer, Hangman Code Generator, Text to voice converter, Currency Convertor , Pac Man Game, Text to Handwriting Converter, Beautiful Chess
Ship Your Project
Get ready!
Once you ship this you can't edit the description of the project, but you'll be able to add more devlogs and re-ship it as you add new features!
Timeline
Removed conditional rendering (&& operators) from About, Work Experience, and Education sections
Added fallback messages for empty Work Experience and Education sections:
No work experience added yet.
No education added yet.
Projects section keeps its existing conditional rendering to remain optional
Here’s a plaintext devlog for your project:
Devlog: Building Sitemaker – Resume to Personal Website Generator
Date: July 22, 2025
What I built:
I worked on Sitemaker, a web app that turns a resume into a modern, professional personal website. The goal is to make it as easy as possible for anyone to get a beautiful, customizable portfolio site—no coding required.
Key Features Implemented:
Live editing: Every section of the generated website is now editable directly in the preview. Users can click an edit icon or the text itself, make changes, and save instantly.
Edit icons and UX: Added subtle edit icons that appear on hover, with clear save/cancel buttons for each field. The editing experience is smooth and intuitive.
Duplicate social link fix: Fixed an issue where GitHub links could appear twice in the preview. Now, only unique social platforms are shown.
Download updated HTML: After editing, users can download the latest version of their site as a static HTML file, ready to deploy anywhere.
README and project description: Rewrote the README and project description to be concise and clear, making it easier for new users to understand what Sitemaker does and how to use it.
Challenges:
State management: Ensuring that edits update the preview in real time and that the downloaded HTML always reflects the latest changes.
User experience: Balancing a clean design with discoverable editing controls, so the interface feels professional but remains easy to use.
Data consistency: Handling edge cases like duplicate social links and empty fields gracefully.
What’s next:
Add support for more resume formats and richer parsing.
Enable image uploads for profile pictures and project screenshots.
Polish the mobile experience and add more themes.
A web app that instantly turns your resume into a modern, professional personal website. Upload your resume and get a fully responsive, customizable portfolio site—no coding required. Built with Next.js, Tailwind CSS, and AI-powered parsing, Sitemaker extracts your experience, skills, and projects, then generates a beautiful site you can edit live and download as HTML. Perfect for job seekers, students, and anyone who wants a personal site fast.
