Day 1: Built askHeros from scratch
Today I finished building my first version of askHeros end-to-end!The idea is pretty simple: you choose a superhero, ask them a question, and they explain it in their own way. I wanted each hero to actually feel different, so instead of just changing a few words in the prompt, I made a proper persona system using structured config data for each hero’s personality, voice, and teaching style.On the backend, I set up Node.js + Express and connected it to the Hack Club AI API. Then I built the frontend with a landing page, superhero selection cards, a question box, and an answer screen. I went with a dark comic-book style and gave each hero their own glow color.I also added loading and error states, entrance animations, and made the site responsive so it works on mobile too.After getting everything working locally, I deployed the app on Render and pushed the project to GitHub.Things that went wrongThe biggest challenge was honestly debugging tiny mistakes. Things like missing quotes or using the wrong variable name could completely break something, and sometimes the error wasn’t immediately obvious.I also accidentally exposed my API key while working on the project. GitHub’s secret scanning caught it before it could become a bigger problem, which was a really useful lesson. I learned why environment variables, .env files, and .gitignore are so important when building projects with APIs.Overall, this was a really fun first day. I learned way more by actually building and breaking things than I expected.