Developed by Ben Sakac for CS3041 Human-Computer Interaction at Worcester Polytechnic Institute.
The course project is a full-term individual project that allows students to design and implement a sophisticated, useful, and fun user interface.
The prototype is hosted using Github Pages, and can be viewed here.
It was designed for mobile devices, and is best viewed on a phone. However, if you are using a desktop or laptop, you can utilize your browsers developer tools to simulate a mobile device.
*Disclaimer* Since this is only a prototype, some features have limited and/or simulated functionality.
Instructions for accessing dev tools in Google Chrome:
- View -> Developer Tools -> Developer Tools (you can also do ctrl+shift+i or Right-click on the page>inspect -- (Note: If you don't see this: there may be "three dots" at the right corner of your screen, -> More tools -> Developer Tools)
- Use button to toggle device toolbar
. - You can test different types of devices. For example, to test iPhone, select iPhone SE from dropdown list:
- Click on the three dots menu for more options. (Note: there may be other “three dots” menus on your screen. Make sure that you select the one next to the buttons shown in the screenshot below.) Then click on “Show Device Frame” which shows you the hardware:
b. Rotate the device by clicking on 
button