Skip to content

mobtimeapp/mobtime-web

Repository files navigation

Mobtime Web UI

A simple front end for MobTime; a collaborative mobbing timer for desktop and mobile.

Overview

Lightweight front end for MobTime. Built using Hyperapp & Vite

There are two main pages: the homepage and the timer page

  • Homepage: src/index.html

    Timer page
  • Timer Page: src/timer/index.html

    Timer page

Running Locally

Vite is used to run a development server locally.

  1. clone this repo → git clone https://github.com/mobtimeapp/mobtime-web.git
  2. Install dependencies → npm i
  3. Build CSS → npm run tailwind
  4. Run Vite dev server → npm start

The app is now served at http://localhost:5173 by default.

Visit http://localhost:5173/timer/ for the timer page.

Building for Production

Vite is used to build a bundle suitable to be served in production.

  1. clone this repo → git clone https://github.com/mobtimeapp/mobtime-web.git
  2. Install dependencies → npm i
  3. Build CSS → npm run tailwind
  4. Run build command → npm run build

A bundle is produced and stored in the dist/ directory.