thalermo / multivitamin_generator

🍏 Multi vitamin generator, find a tasty juice recipe according to your preferences 😌 Group project, made in March 2022

MULTI-VITAMIN Generator

Our first Project for the ultimate Vitamin Generator

Multi-Vitamin Generator will change your life!

• Our website will change your life completely
• All vitamins you need daily in one recipe to keep a healthy life
• NO MORE VITAMIN PILLS!

Introduction

Our aim is to revolutionize the way that you keep track of how much and which vitamins are you taking everyday to make sure your diet is balanced with all the nutrients you need. Tailored made, it is an efficient way for you to substitute all vitamins pills you are used to take daily and add more quality nutrients to your diet.

Features

• The first page is the introduction, when you click the button, it changes the page and shows the questions
• In the second page, you can choose one ingredient out of the fruits
• You can see the progress in the bar at the bottom of the page
• In the third page you can choose your favorite veggie to add to your juice
• The fourth page, asks you to add one extra vitamin according to your needs
• With all this, we will generate an extra fruit or veggie to make sure you get all vitamins needed
• The last page will show you the perfect recipe for a delicious and balanced drink!

Our project will inovate with the best technology available on the internet to improve the quality of your meals and add efficiency to your daily intake of all vitamins needed to make the best of your body and your life!

Technology

Our project uses a number of open source projects to work properly:

• [HTML]
• [CSS]
• [JavaScript]
• [VisualCodeStudio]
• [Github]
• markdown-it
• [Netfliy]

Team

• Moran Thaler [https://github.com/thalermo]
• Arne Rief [https://github.com/Arrief]
• Oerd Bej [https://github.com/OerdBej]
• Jessica Povoa [www.lembra.tv]

Sources and inspirations

• Progress bar https://codepen.io/Thibaut/pen/ApjaJW

• Mix it button https://cssbuttons.io/detail/cssbuttons-io/nice-walrus-6

• Click push effect in the option buttons https://codepen.io/cssjockey/pen/bGbmop

• Tints and shades website https://maketintsandshades.com/#c56584

• Inspiration for the color palettes https://colorhunt.co/

• Animated Progress Bar https://codepen.io/Thibaut/pen/ApjaJW

• CSS buttons, checkboxes, and more! https://cssbuttons.io/detail/cssbuttons-io/nice-walrus-6

• CodePenCodePen https://codepen.io/cssjockey/pen/bGbmop

• shades https://maketintsandshades.com/#c56584

• color https://colorhunt.co/

All images were collected from free-to-use libraries available on the internet including these websites:

| PNG Tree | https://pngtree.com/free-png | | FreePNG | https://www.freepngs.com/ |

These website was created at the Full-Stack Developer Remote Bootcamp at the Wild Code School

Thanks for visiting us!

March / 2022