How jasimcm/tinkerspace_digital_calicut works
TinkerSpace Calicut is a kiosk display of active makers for the Calicut space. The main workflow fetches check-ins, removes duplicate records, and presents makers in a responsive, paginated card grid alongside a mascot. The display also shows clock and weather information; the mascot has its own pose-selection, playback, and asset-watchdog logic. The graph follows the sampled calls and README capabilities; unsampled component internals are represented only where their role is clear from the tree or documentation.
Main entry points: TinkerHubMascot.jsx Mascot display · App.js App orchestrator · PaginatedCardGrid.jsx Paginated grid · weatherService.js Weather service
Components 18
Check-in data
- Check-in API
- Fetch records
src/utils/api/fetchData.js - Remove duplicates
src/utils/helpers/removeDuplicates.js
Kiosk display
- App orchestrator
src/App.js - Header and clock
src/components/layout/Header.jsx - Weather service
src/utils/api/weatherService.js
Grid and cards
- Paginated grid
src/components/layout/PaginatedCardGrid.jsx - Responsive layout hook
src/hooks/useGridLayout.js - Grid rules
src/utils/layout/makerGrid.js - Maker card
src/components/cards/UserCard.jsx - Maker details
src/components/userdetails/UserInfo.jsx
Mascot system
- Mascot display
src/components/mascot/TinkerHubMascot.jsx - Pose policy
src/components/mascot/policy.js - Pose playback
src/components/mascot/playback.js - Asset watchdog
src/components/mascot/watchdog.js - Pose definitions
src/components/mascot/manifest.js
Other components
- Kiosk viewer
- Open-Meteo
Connections 17
- Kiosk viewer → App orchestrator: views
- App orchestrator → Fetch records: requests
- Fetch records → Check-in API: fetches check-ins
- App orchestrator → Remove duplicates: deduplicates
- App orchestrator → Header and clock: renders
- App orchestrator → Paginated grid: supplies makers
- Header and clock → Weather service: requests weather
- Mascot display → Weather service: requests weather
- Weather service → Open-Meteo: fetches conditions
- Paginated grid → Responsive layout hook: measures layout
- Responsive layout hook → Grid rules: selects capacity
- Paginated grid → Maker card: renders cards
- Maker card → Maker details: renders details
- Mascot display → Pose policy: selects poses
- Mascot display → Pose playback: schedules poses
- Mascot display → Asset watchdog: checks assets
- Mascot display → Pose definitions: reads definitions