Comment Generator

logo

Inspiration

Our inspiration came from a need for some laughs in unprecedented times like these. Our product is for families to learn and to laugh at the same time! Even if you may not be super funny this web app is sure to spark joy for you and those around you!

What it does

We created a web app called the fairy comment generator. The fairy generator page is based off of a popular tiktok trend, and is sure to make anyone laugh with its sarcastic, but still lighthearted remarks! Finally, the playlist page features a personalized quiz to gauge what era of “meme-music” each user would enjoy the most! The demon comment generator takes a more positive twist!

How we built it

everything coded and submitted for this project was made this weekend. no coding was done before the hackathon Our team worked on Glitch to collaborate to make this website using HTML/CSS and JavaScript. We used jQuery to facilitate the changing pages, as well as a bit of css animation! By starting off with a simple HTML flexbox, our team was able to build it into the entire web app!

Challenges we ran into

We mainly ran into challenges relating to JavaScript because it was our first time using the language. In the past we’ve only used HTML and CSS, so this was definitely a new and learning-filled adventure! We were able to randomize the fairy comments through javascript!

Accomplishments that we're proud of

We are very proud of the end result, because we believe we focused a lot on design and ensuring the user has a great experience! Designed for laughs and positivity, we are elated that all the buttons, generators, and quizzes worked out as planned!

What we learned

Throughout this entire project, our team has not only learned the history behind each iconic image/video, but also have pushed ourselves in regards to our coding skills. The fairy comment generator was one of the more challenging aspects of the website which required a sophisticated back-end framework. And building this framework taught us about how dynamic websites can transform with substantial JS.

What's next for the generator!

In the future, our team would like to incorporate more features onto the website which allows users to access a larger variety of memes across all different languages. Jokes are more than just words- they define our culture worldwide, and so providing a page that is accessible to all languages and features content from across the globe is really important for our app. From a technological aspect, our team is eager to branch off into different realms of coding by utilizing complex CSS animations, and detailed JavaScript to enhance UI and ultimately make the website more dynamic. And most importantly, we are excited to build a mobile-app version of the generator to make this educational product available on all devices!