bcacan/grf-table

Multiuser - multitouch web app

Multiuser - multitouch info-kiosk app

• React web app for touchscreens

The app was developed as an info kiosk for the HoloGRF exhibition.

Developed as info-kiosk for 55" touchscreen table.

Multiple users can simultaneously interact and manipulate interface elements - using well known touch gestures (tap, pinch, drag, swipe...).

In Action

interactive-table2.mp4

interactive-table1.mp4

Tools used

Web dev

• Next.js (create-next-app) - React web framework
• use-gesture - Touch gestures & controls
• react-spring - UI animations & transitions
• styled-components - Implementing design system (CSS)
• react-photo-album - Photo gallery
• throttle-debounce - Screensaver on idle

Design

• Figma - extracting & exporting design system

Project management

• Trello - progress & problems tracking, collab with design team

User flow

Components