Import existing MobTime UI

[JStruk]

Import existing UI code from https://github.com/mobtimeapp/mobtime/tree/master/public

Description

• Fixes https://github.com/mobtimeapp/mobtime-web/issues/1
• Brings existing code over (mostly) verbatim
• Added build step using Vite
• All existing functionality remains. npm run dev to spin up a Vite server:
  • Homepage: localhost:5173
  • Timer: localhost:5173/timer

Review Notes

This PR is large since most of it is copy/paste from the original mobtime repo

Some important-ish files to review would be:

• package.json
  • Version?
  • Description?
• tailwind.config.js
• vite.config.js

Smoke Test

The app can be run as a local dev server without rollup doing its thing for easy debugging, and can also be built for production with the output from Vite's rollup going to dist/

Spinning up a local dev server

npm run dev should start a vite server @ localhost:5173

Building for production

npm run build produces a bundle via Vite for production. Outputs bundle to dist/

• To run the built version locally, you may spin up a server in the dist directory. Anyway you know how is suitable. http-server works great
  • npm i -g http-server
  • cd dist
  • http-server
  • Navigate to http://127.0.0.1:8080 and http://127.0.0.1:8080/timer/

Notes

Websocket-related code fails right now. Example: press the 'START TURN' button and look at the console. How do we proceed with this?

ToDo

Before this is out of draft:

• [x] some assets are references properly in built version (some sounds and icons giving 404)
• [x] eslint
• [x] Documentation
  • [x] README.md
  • [x] Basic cloning, installation, etc.
  • [x] Running local dev server with Vite
  • [x] Building for prod with Vite
  • [x] CONTRIBUTING.md?
• [ ] Github actions for tests/linting? That could be another issue 😸

[mrozbarry]

@JStruk npm run tailwind fails for me, but it's easy to fix. Can you change the file extension to .cjs and update package.js script "tailwindcss build -i ./src/styles/index.css -o ./src/styles/styles.css -c ./tailwind.config.cjs" (note the extension update).

[JStruk]

@JStruk npm run tailwind fails for me, but it's easy to fix. Can you change the file extension to .cjs and update package.js script "tailwindcss build -i ./src/styles/index.css -o ./src/styles/styles.css -c ./tailwind.config.cjs" (note the extension update).

Nice catch. Updated and tested locally as well 👍