Gale Epstein Center Displays

React Kiosk for Blue CoLab!

About the Project

Gale Epstein Center Displays.

Features

Check it out here: https://gectech.expo.app/ !

Required Software

• git - version control. For installing git, please see the git website.
• npm - package manager. For installing npm, please see npm docs.
• All other prerequisites will be downloaded from the package.json. To install them see 'Getting Started'.

Recommended Software

• VS Code - code editor
  • Please download the recommended extensions if prompted.
  • Recommended Extensions (look up @recommended in Extensions tab):
    • Prettier - Code formatter
    • ESLint
    • Prettier ESLint
    • Tailwind CSS
    • Code Spell Checker
    • GitHub Pull Requests
• GitHub CLI - CLI for GitHub

Getting Started (one-time steps)

1. Install all the software above.
2. Clone the repo by running:

   git clone https://github.com/bluecolab/GecTech.git

3. Navigate in your terminal to the GecTech:

   cd /GecTech/

4. Install the dependencies by running:

   npm i

Running locally on computer via Expo Go

1. Open a terminal window.
2. Make sure you are in the GecTech.
3. In the terminal start the app by running:

   npx expo start

4. Hit the 'W' key to start building the web-version of the GecTech.

Build and deploy

Pushing to main automatically start the deployment process. This will take a few minutes. Once ready your changes will be visible here: https://gectech.expo.app/

File structure

High level overview:

We use file-based navigation provided via the Expo Router for navigation.

Please follow this structure when creating new files:

react-kiosk - Parent folder, for all sub-directories and config files
├───.github - The files for workflows for GitHub Actions and the pull request template.
├───app - For all app pages and navigation related files
├───assets - For all images, icons, and fonts
├───components - For all of the custom components (building blocks of pages)
├───hooks - For all of the custom hooks (reusable logic for state, data fetching, etc.)
├───scripts - Misc. scripts used by CICD
└───types - For all custom TypeScript type definitions

Each of the above directories may be organized even further, grouped by similar functionality.

Deployment

Deployment is handled by GitHub actions, a simple push to main is enough.

List of all dashboards - As of 9/17/2026

• Alan (WQI & Water Monitor)
• Ada (none)
• Odin (Weather Monitor)
• Njord (AQI Monitor)
• Skadi (AQI Monitor)
• Global Data Staleness Monitor