This post is my submission for DEV Education Track: Build Apps with Google AI Studio.
😓🤖 What I Built 📄😁
My App: ResuSpark
I’ve always wished for a free, intuitive resume creator, so I built ResuSpark, an AI‑powered, browser‑based resume builder. Born from late‑night frustrations with paywalls and endless template hunting, ResuSpark was created to help transform your raw upload or manual input into a polished, “HIRED”‑ready résumé in minutes.
My Main/First Prompt
🌱: “You are a professional resume writer. Take the user’s raw data or uploaded doc/pdf file and: 1. Extract relevant user details and craft a concise, impactful summary 2. Turn duties into achievement‑focused bullet points 3. Classify skills as ‘Hard’ and ‘Soft’ 4. Fill in plausible details if sections are sparse 5. Build a resume app builder with a modern design, and add a landing page
Features Utilized
• Gemini AI for intelligent text extraction & enhancement
• Imagen API for a dynamic hero graphic that tells your “messy-to‑hired” story
• html2canvas + jsPDF for instant, client‑side, WYSIWYG PDF export
• Open code & extensibility: Download the ZIP, tinker with the React/TypeScript code, or plug in your own AI prompts
• Gemini Build for the whole app creation itself
🎬 Demo
📸 Snapshots and Screenshots
🔗 Live Link
Or dive in live, upload your resume or start fresh:
Check it out here:- 👇(checkout the image)
💡 My Experience & Takeaways
-
Prompt Clarity Is Queen
“Make it clear, concise, and role‑driven.”- Too long → confused AI.
- Too short → generic output.
- Sweet spot: a clear “role + objectives + style” overview.
-
Iterate on the Fly
“Tweaked five different features in one go, and Gemini still kept pace!”- Rapid refinements sharpened voice, structure, and tone.
- Each pass felt like collaborating with a fellow dev.
-
Tokens = Freedom
“I never ran out mid‑thought.”- Generous token limits handled complex inputs, lists, and image requests seamlessly.
-
Zero‑Friction Deployment & Extensibility
“Download the ZIP, hack the code, make it yours.”- Client‑side html2canvas + jsPDF sidestepped server headaches.
- Users can open the generated React/TS code, adapt UI or prompts, and re‑deploy for their niche.
-
Surprising Delight
“The hero graphic captured my story.”- Imagen‑powered SVG perfectly visualized the messy‑to‑hired narrative.
- Discovering Google AI Studio Build feature/functionality felt like unlocking a hidden superpower.
🔧 Build On It
ResuSpark is open to your creativity. Clone the ZIP, add new templates, refine prompts, or integrate other APIs:
- Custom Templates: Plug in industry‑specific layouts.
- Advanced AI Skills: Use Gemini to generate cover letters or LinkedIn summaries.
- Localization: Extend prompts to support multiple languages.
- Accessibility Enhancements: Add ARIA labels and keyboard navigation.
Whatever your needs, ResuSpark’s modular React/TypeScript code and prompt‑driven core make it easy to evolve.
💭 Final Thoughts
From the moment I first wrestled with those clunky resume builders and paywalls, I have desired for a tool that felt more like a trusted buddy than just some software. Building ResuSpark wasn’t just a project, it was my declaration that everyone deserves a chance at opportunity without barriers.
Watching Gemini take my messy draft and transform it into something I could proudly email recruiters brought me genuine happiness. It reminded me of why I code: to solve real problems, to uplift others, and to spark moments of joy in the everyday grind.
To every job seeker out there, please remember, your story matters. ResuSpark is here to help you tell it with confidence, clarity, and a touch of magic. Let’s ignite your career, together. 🔥✨
Thank you for stepping into this quiet little build of mine.
If ResuSpark helps you find your voice, own your story, or take that one brave step forward—then maybe, in some small way, it was always meant to find you too. 🌿📄✨
Top comments (17)
Such an amazing product built with AI. That's it, AI assistance development! That's what will keep you ahead in the AI age, not "vibe coding". This creativity is inspiring ✨. Well, what do you think 🤔 about what I've said.
Despite my insight, I am rooting for you in this path. 👍🏻👍🏻
Thanks a lot! Really appreciate your words
I totally agree using AI smartly is the way forward. Your insight is on point.
Let’s keep building and learning!
Yup, let's keep building, being innovative, not losing our creativity and skills, and not depend on it more than we need to.
Thank you for your feedback regarding this project.
I sort of agree with you, we need to use it to assist us, and not completely rely on it to do our work for us. But still, the future is uncertain.
Thank you 😊
This is an amazing project!
Absolutely loved it.
I'm glad you did 😊
ResuSpark seems like such a thoughtful build..
It is, like I was hoping to make it coz of the issues i faced myself.
Like, ik it can be better, but it's ok for now.
Thank you, your post inspires me to create projects 😊🔥
Thank you as well.
All the best for creating more and better projects 😁
So awesome and cute🥺😍😎You wrote very creatively and patiently, I will definitely follow you . Keeepppp going 💪🏻💪🏻
Thank you so much for your kind words 😊
Will do!
Thank you again!
Absolutely loved this! ResuSpark isn’t just an app it’s a game-changer for job seekers. Empowering, thoughtful, and built with heart.
Thank you for your kind words!
I'm truly glad that you like this
ResuSpark is a smart tool that helps you create a clear and strong resume using AI. It turns your messy draft into a great PDF with a cool graphic. You can customize it easily by changing templates or AI prompts. It’s open and easy to use no confusing steps. ResuSpark is made to help job seekers tell their story and get hired with confidence.
Thank you
It's a nice summary for my project 😁