The Waffle Recipe

Waffles. Seemingly simple, definitely tasty. This crunchy (but nonetheless fluffy) pancake-contender can enrapture more than just the taste buds of those who feast upon them. To concoct the perfect waffle is a science. Like all cooking or baking, we require specific measurements of specific ingredients using specific techniques. One wrong calculation of a recipe can lead to disastrous outcomes. The complexities of the waffle, with its holes that are begging to hold pools of sticky syrup and the nostalgia of a pad of butter melting with its steam, inspired us to create a website dedicated solely to its deliciousness (among other focuses, of course).

The “Waffle - Science Generator” pulls further inspiration from websites that provide students with science resources and opportunities. Through our research, we discovered what science education lacked (or should we say what students lacked): motivation. We wanted to create a website that incentivizes our K-12 audience to become involved in their scientific interests, all ranging from biologies to chemistries—it is a website for those who want to expand their interests and for those who want to gain new ones. The interactive environment of “Waffle - Science Generator”, buddied up with links to various resources, allows us to support a more refined education for the sciences. Sort of like Khan Academy. But with waffles. And more science.

A Couple Broken Eggs

Our broken eggs brought with them a couple of unpalatable shells. We came into this hackathon with big aspirations of a multi-functional website, and even proposed a website-integrated activity to further educate our website-viewers. Alas, our dreams got cut short when we realized how much work website-making actually entailed. And when we realized our idea-planning took longer than expected.

Our initial obstacles came in the form of a screen with random text on it. Formatting, as simple as it may seem, was not all that it was cracked out to be. We were unsure of where to begin, and our lack of experience severely backtracked our progress. With the help of the more experienced brains of Google, however, we overcame this challenge.

If you notice, the "Random Choices" and "Field Interests & Career Exploration" tabs do not work. Another broken egg. Unfortunately ;-;. You can count the empty webpages as broken eggs too. Broken eggs everywhere. uNfORtuNatEly.

Cookbooks Are Useful

Despite our cracked eggs, we were aware that starting a recipe from scratch is never easy, especially for 4 students who have no idea what they’re doing. This recipe had to utilize HTML/CSS code as its weapons of choice, and 4265914179 available websites and resources as its ingredients—it was difficult narrowing down what we should do and how we should do it.

However, when we saw that there was going to be a Qoom workshop, we were eager to attend, as this gave us some direction to our website-making progress. After the informative meeting, we had an idea of how we were going to create our own website.

Creating the Batter

With these cookbooks of YouTube videos and random forums for copy—I mean—code inspiration, we finally had a working home page.

We began our process with creating a template and website outline using Figma, which helped us fully visualize the idea we had in mind. From creating the Figma, we hopped on over to Qoom and began scripting out our ideas. While doing this, we also continued to research the websites/resources that we could link on our subpages.

The Perfect Waffle

If time permitted us, we would have wanted to include the following elements to improve not only the quality of our website, but also its effectiveness in incentivizing the youth to take action in their science education:

  1. Finish our website lol
  2. Create a search engine that can better narrow down an individual’s interest based on what they type and its associated keywords.
  3. Create a subpage in our website for an interactive game that spits out random facts about our user’s science interests (also, ask questions that the user can answer to level up).
  4. Expand out into STEM education, and not just science.

Built With

Share this project: