'Cook it' is an app where users can find recipes based on ingredients they have at home.
This project uses variables to add ingredients to the list using a single input field.
I created the loading animation using a group of images which rotate into a pot.
I used cloning and obscurity transitions in the recipes screen to display the recipe when it's tapped.
This is an example of a sign in screen that validates a username and a password. Feel free to import this fully editable project into your own account for use in your prototypes.
Use the following to successfully sign in and proceed to the next screen
User Name: john
Password: proto.io
Apply color adjustments and filters to your prototypes to create beautiful interactions and animations. https://proto.io/en/new-features/adjustments-filters/
A basic animation created by using the Proto.io HTML Component with HTML and CSS.
No additional images were needed to be imported to create this animation.
The HTML and CSS used was found at:
http://codepen.io/ajerez/pen/EaEEOW
Using color adjustment and filters, I've simulated the iOS spotlight animation. Learn how you can apply these filters at https://proto.io/en/new-features/adjustments-filters/