Day 02: Made some changes in askHeros based on the suggestion from the reviewer. The main changes were: 1) Hosted askHeros on Hackclub Nest instead of render so it can run 24/7 without going to sleep. 2) Updated the README and some other improvements 3) Removed the parts of project were written using Ai and rewrote them myself. Overall, I cleaned up the project and made the changes suggested during the review
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.
