Let's begin!
Don't have an account?
Sign up
Sign In
User Name
Password
Sign In
PROTO.IO
15:03
90%
Already have an account?
Sign In
Sign Up
User Name
Email
Password
Sign Up
PROTO.IO
15:03
90%
Continue
Select the documents you need and we will create it for you
Create the documents
you need
Use sensors (sold separetly) or manually add the results of your event and manage your teams
Manage results
and teams
Create, manage and make others
talk about your event
Managing sports events
made easy
Tips
This container has two pages of 320px width each and it is used as a 'carousel' in the Smoothie screen.
When             
Where it is     
Modality
Size
# Inscriptions
Visibility
November 1-3, 2018
College's Football camp
Football
Medium (maximum of 100)
15/100
Public
Description
Don't miss this year's fall tournament!
Midterms's Football Tournament
Nov
1-3
Football | Medium Event
Details of Your Event
Tips
This simple but yet powrful container with 3 states allows you to attach it multiple times on a screen with different starts states to indicate if an item is liked or not.

Each 'heart' has an interaction to go to the next state and show the corresponding State Transition.


You will notice that the 2nd state "Heart Big" acts like an intermediary state, used just for the state transition. For this reason you will find a "On State Transition End" interaction on the the State Transition from Heart OFF to Heart BIG, which simply sends the Heart Big state to the next and final state which is Heart ON.
PROTO.IO
15:03
90%
Generating Documents
Continue
Invitations
Results Tables
Sponsors Documentation
Extras
Food & Drinks Documentation
Health Documentation
Security Documentation
Create Documents (1/2)
PROTO.IO
15:03
90%
Local Documentation
Announcements / Posters
1. Select the documents you want to create
Create Documents
Generate Documents
Sponsors Authorities​​​​
Food & Drinks Authorities
Health Autthorities
Security  Authorities
Create Documents (2/2)
PROTO.IO
15:03
90%
Local Authorities
2. Give us some info about the documents
Create Documents
The Geller Cup
Volleyball | Small Event
SEE DETAILS
December 1-2, 2018
Tenis Cup 2018-2019
Tenis | Big Event
SEE DETAILS
November 23-26, 2018
Midterm's Football Tournament
Football | Medium Event
SEE DETAILS
November 1-3, 2018
Welcome Back!
To see your events, slide down
Or use the menu to create an event
Tips
You may not see the arrow icon on the canvas as it white (same as the canvas background). You can simply change the canvas backbround from the Container Settings to something darker.

There are also two State Transitions that handle the arrow animation (preview project to observe this).
The City Running Project
PROTO.IO
15:03
90%
Tips
This container originates from the "Slide-in menu" interactions design pattern (accessed from the Patterns icon on the top menu).  You can find more on how it is set up in the video under Pattern settings.

The hamburger menu icon may not be visible on the canvas as it is white (same as the canvas background) but you can see it on the left pane layers list.

This container has 2 states. State 1 is for the menu 'closed' and State 2 is for the menu 'open'. You will also find 2 State Transitions that animate the menu to the screen.

To learn more about patterns, states and state transitions, use the Help tool (bottom left).



elizabeth@example.com
Elizabeth Smith
ES
ver. 1.00.2018.07.11
Give us some information about your event
PROTO.IO
15:03
90%
Create Event
Let's start!

Create an Event
Add Result
Add Result
PROTO.IO
15:03
90%
Winner
Team/Player B
Team/Player A
Date of the game
Result
Add your scrollable content here
Add your scrollable content here
Add your scrollable content here
Add Result
Give us the info about the result
Add Participants
Add Participants
PROTO.IO
15:03
90%
Team
Participant contact
Participant Name
Tips
This container handles the animation of the number. There are 5 states and 8 state transitions to and from each adjacent state. 
01
02
03
04
05
Add your scrollable content here
Select the number of participants to add
Add Participants
Update results
Results
PROTO.IO
15:03
90%
Add your scrollable content here
To obtain the latest results from your sensors
Results per game
use Update results options
Auto arrange teams
Teams
PROTO.IO
15:03
90%
Add your scrollable content here
To auto arrange participants in teams
Teams
use Auto arrange teams option