Vitamins

The layout of vitamins and vitamin information
Which vitamin are you? personality quiz

Inspiration

How much does the average person know about vitamins? Ask an average person and they'd say vitamin C comes from citrus and vitamin D from the sun. There are actually about 13 or more different types of vitamins. They are essential to your health, and it's common to be vitamin deficient in one or more areas. Thus, we created an interactive informatic which makes it easy for those to learn about the different types of vitamins, what they do, and where they come from.

What it does

The purpose of this is to bring awareness to vitamins in a fun and engaging way. Users can hover over each element, and a popup will inform them of the vitamin commonly found in each, what it does, and fun facts. We also included a fun little personality quiz for users to take which assigns them a vitamin!

How we built it

We built it using raw HTML for the page structure, CSS for the styling, and Javascript and Bootstrap Popups for the functionality.

Challenges we ran into

As beginners, the hardest part was picking an idea that was easy to implement but also a little out of our comfort zone so we could learn the basics of HTML, CSS, and Javascript. We found most answers to our questions from the internet documentation as well as from the help of mentors.