HackerMind: The AI Hype-Man

Inspiration

Recently, I started participating in hackathons, and I realized something: the hardest part isn't always the coding—it's the brainstorming. Sometimes I run completely out of unique ideas. In those moments, I usually turn to Gemini or other GenAI tools to bounce ideas back and forth until I find the perfect one.

I realized that while GitHub Copilot is like my "2nd Teammate" helping me write the code, I was missing a "1st Teammate"—someone to help me spark the idea and keep the energy high when I'm tired. That's why I built HackerMind. It’s the creative partner that helps solo hackers (and exhausted teams) find their next big idea and hype them up to build it.

What it does

HackerMind is an AI-powered brainstorming and hype tool. The Brain: You input a vague concept or tech stack (e.g., "I want to learn React"). The Logic: It sends this to Google Gemini, which acts as a "Hackathon Mentor," generating a concrete project idea and a high-energy motivational script. The Voice: That script is sent to ElevenLabs, which synthesizes it into a realistic human voice that speaks the idea out loud to you.

It turns a blank screen into a spoken, actionable project plan in seconds.

How I built it

I wanted to keep this lightweight and accessible, so I built it as a browser-based application.

Frontend: Built with vanilla HTML5 and JavaScript, using Tailwind CSS for that dark-mode, "hacker" aesthetic.

Intelligence: I used the Google Gemini API (gemini-2.5-flash) to generate the creative content and "hype" persona.

Voice: I integrated the ElevenLabs API to convert the text response into a high-quality audio file that plays immediately in the browser.

Deployment: The project is deployed live on Vercel.

Challenges I ran into

The biggest challenge was handling the asynchronous nature of chaining two different APIs. I had to ensure that Gemini finished generating the script completely before sending it to ElevenLabs, otherwise the audio generation would fail. I also had to figure out how to handle the audio Blob data in the browser to make it play instantly without needing a complex backend server.

Accomplishments that I'm proud of

I am really proud that I managed to integrate two powerful AI models (Gemini and ElevenLabs) in such a short amount of time. Getting the AI to actually "speak" the idea feels magical every time I click the button.

What we learned

This project taught me a lot about fetch requests and handling API keys. It also showed me that you don't need a massive backend to build powerful AI apps—modern APIs are strong enough to run right from the client side!

What's next for HackerMind: The AI Hype-Man

VS Code Extension: We want to bring HackerMind directly into the IDE. Imagine typing /hype in your code editor and getting an immediate audio morale boost without switching tabs.

Custom Voice Personas: We plan to use ElevenLabs' Voice Cloning feature to let users choose who hypes them up—whether it's a calm mentor, a drill sergeant, or even a clone of their own voice from the future.

Actionable Roadmaps: Currently, it gives motivation. Next, we want to use Gemini's multimodal capabilities to generate a full README.md and a todo list based on the user's idea, turning the hype into immediate action.

"Roast & Fix" Mode: Allowing users to paste an error log, have the AI "roast" the bug, and then encourage the user to fix it with a solution hint.

Built With

• elevenlabs
• git
• github
• google-gemini
• html5
• javascript
• tailwind-css
• vercel