Inspiration
This morning, I (Claire) went to a cat cafe where I was able to see and pet a bunch of cute kitties. I was feeling particularly stressed before I went, because it was midterms week and I also had no clue what kind of project I wanted to do for this Hackathon, since it's my first one! But after I saw all the cute cats, it felt like my worries had melted away. This inspired me to create a cat-themed stress-reliever for the Hackathon.
What it does
Cat Companion is a website that allows you to "feed" your negative feelings to a virtual cat. You can then watch your negative feelings disappear as the cat eats it up for you! Try it out here!
How we built it
We built Cat Companion in Visual Studio Code, using multiple extensions such as Live Server to host a site where we could see our project, and also Live Share so we could work on the same code simultaneously. The website was built using JavaScript, HTML, and css. It is hosted using github pages and we have registered the domain "catcompanion.tech" for the site, though the custom domain name hasn't been linked.
Challenges we ran into
We did not have any web development experience prior to this hackathon, so we had to learn how to code in the above listed languages in a very short amount of time. This included how to implement some fairly complicated concepts like event handlers and JavaScript intervals. Additionally, the animations were hand drawn by Claire on an iPad.
Accomplishments that we're proud of
We're very proud that we were able to come up with a project idea, learn basic JavaScript, HTML, and CSS, all in one day, as well as actually publish the site.
What we learned
We learned how to write the code that is behind the websites that we use every day.
What's next for Cat Companion
We hope to make the website more visually pleasing by learning more CSS, and we also hope to polish the animations a bit more. We'd also like to add the option of playing calming music.
Log in or sign up for Devpost to join the conversation.