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

1. 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.

2. 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.

3. Tokens = Freedom
   
   “I never ran out mid‑thought.”

   • Generous token limits handled complex inputs, lists, and image requests seamlessly.

4. 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.

5. 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. 🌿📄✨