ainsofs / lau-koviti

La'u Koviti is a proof of concept app for submitting and storing COVID-19 test results

La'u Kōviti

Repo for learning Quasar.

Getting started

docker-compose up -d

Once installed you can access the dev site on port 8080. e.g. localhost:8080

Compiled SPA can be accessed on port 8000. e.g. localhost:8000/index.html

Demo Form

https://docs.google.com/forms/d/e/1FAIpQLSc41GKKitf_6kXal5n4xIeSM_w0Czw2GX7-i8bIR0CJYLNG6A/viewform?usp=sf_link

Common commands

# start up dev environment
docker-compose up -d

# stop environment
docker-compose stop

# delete everything and start in a clean environment
docker-compose down -v

# check logs
docker-compose logs -f

# check logs for specific container
docker-compose logs -f node

# log into node container (this will allow use of drush and composer)
docker-compose exec node sh

# run tests
docker-compose up -d && docker-compose logs -f cypress

lau-koviti's Issues

Add setting: Restrict deleting tests after submission

Deploy as PWA

https://quasar.dev/quasar-cli-webpack/developing-pwa/introduction

update personal details form

fix calendar date selection

it should show only test dates for current profile. not all of them

submit sm lang pack to quasar

add more tests

finish off tests that are marked todo

save state

add samoan lang support

allow password reset

add analytics

Add pwa tests

firebase integration

add dashboard (show total P, N, I)

limit submissions

to help reduce spamming or accidental submission. only allow 1 submission per 3-5 seconds

update quasar to 2.7.2 for Sāmoa lang support

add tabs for mobile

See https://quasar.dev/layout-builder

<q-footer elevated class="bg-grey-8 text-white">
  <q-toolbar>
    <q-toolbar-title>
      <q-avatar>
        <img src="https://cdn.quasar.dev/logo-v2/svg/logo-mono-white.svg">
      </q-avatar>
      <div>Title</div>
    </q-toolbar-title>
  </q-toolbar>
</q-footer>

  <q-tabs align="left">
    <q-route-tab to="/page1" label="Page One" />
    <q-route-tab to="/page2" label="Page Two" />
    <q-route-tab to="/page3" label="Page Three" />
  </q-tabs>

add personal details page

record location and image of test result

update splash screens for pwa/mobile

Fix scrolling issue

On mobile when auto focusing sometimes the input box goes under the banner image

Tip use scroll padding top css or scroll margin top

add save and send option

when personal details already filled in

collapse nav menu in desktop

or resize content to remaining screen state

support multiple profiles

similar to netflix to allow multiple household members to be recorded on one device

translate store strings

improve ux

High Priority

• add banner on home page
• add sort
• Display all villages and underlying conditions from MOH form
• #9
• Hide vertical scroll bar when page is empty

convert to vite

instead of webpack for faster dev and smaller prod builds = faster loading prod

warn user when adding duplicate test for the day

submit to google forms

require email verification

submit to official form

ui design for desktop

add contact page

add ci tests

delete test result

add settings page

upload vaxx card