Project using Variables to simulate Drag and Drop to Snap functionality into a predefined area. While also adding Animations and States for a more smooth and elegant process.

Basketball game project using Variables to determine if ball lands or misses the hoop. Tracks your score, shots landed, shots missed and shot percentage. You can also select your ball from the settings.

Basic prototype for a Map Based Geo Fencing App, created for a class, uploading for other members of the group.

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

A Sign up - Sign in page example project using Variables and States to validate the correct user input in both pages.

An example project utilizing the power of Variables, Containers and States to create a Tic Tac Toe (X's and O's) fully functional 2 player game. Includes a scoreboard to track each player's Wins, Losses, and Draws. Notes included in the projects editor on how it can be setup.

A simple implementation of how to simulate a Dynamic List which the user can manually increase or decrease using a single Container, a List component and States.

Porsche 911 Carrera S Configurator example

This Animated navigation bar project was created to simulate feedback when interacting with a button on a navigation bar while also giving it some snap functionality. Was created using Containers and States.

SET UP A MINDMAP: a) Create a new Mindmap and set main goal media b) Add 1 default image bubble to the canvas c) Add 1 default video bubble to the canvas d) Add 1 text bubble to the canvas e) Add 1 default Sound bubble to the canvas f) Click on one or more bubbles to view details, edit text or play sound g) Connect any two bubbles h) Save i) Return to View MindMap Screen *NOTE: For the demo, bubble shapes are the default dark-blue-blackish colour only. If you want the bubble to have a colour, simply click colour code. The bubble will be circular. Tap/Click hold to rotate connectors. View a Vision Board Task List Help