Check the running application in this page.
iFruity is the application I have done as my final project in an coding bootcamp.
- AJAX for the exchange of formation with the backend
- CSS ILLUSTRATIONS to make the fruits and mixer
- CSS ANIMATIONS to give it some movement
All the technologies used are: HTML5, CSS3, Javascript, jQuery, SASS, Git.
To get information about the ingredients Ajax requests are send to the backend which supplies the information in json format.
In iFruity the user can choose among a range of fruits and bases to compose his/her favorite fruit cocktail. Once the fruits are chosen and after mixing them, an information panel is shown with all cocktail nutritional values.
A thank you to Lars Munkholm -check his work in this page- for his CSS apple, orange, lemon and pear and the inspiration for the rest of the fruits.