Git Product home page Git Product logo

jakarta-vax-availability's People

Contributors

agallio avatar angeloanan avatar arieare avatar broerjuang avatar burhanahmeed avatar codingki avatar davahamka avatar drgx avatar grikomsn avatar hendrasan avatar jackyef avatar masbagal avatar mathdroid avatar pveyes avatar resir014 avatar sonnylazuardi avatar syauqy avatar tibudiyanto avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

jakarta-vax-availability's Issues

Sort by location

Under detail_lokasi there is a lat lon. Would be nice if we can sort by lat lon sort by current location to the vax location

Missing "waktu" on "jadwal"

Description

With the recent changes to the API, it seems that the "waktu" property on "jadwal" has gone missing, therefore the time is missing from each schedule.

image

Expected Behaviour

The time should display properly on the schedule.

Additional Information

It looks like the API schema has changed:

image

Reduce bundle size

Description

Huge bundle size, and very high TBT
image

image

Expected Behaviour

800kB is definitely excessive. We should aim at most 200kB based on recommendation alone. Less would be better

Additional Information

Split `index` page into several components to reduce lines of code

Description

The index page should be refactored into several smaller modules to reduce the number of lines of code.

Implementation Model

[TODO]

Tasks

  • #44
  • Move components that contain logic to modules/ folder, separated each by feature folders
  • Move essential helpers into helpers/ folder

UI overflow in the header card

Description

The VaxLocation card's header is currently overflowing and pushing the distance and quota badge out of view.

image

Expected Behaviour

The VaxLocation card's header should properly truncate.

Additional Information

Let's go back to the Tailwind Play URL from the mockup and take a look at which styles we're missing.

Implement pagination/virtualised list to improve page load time.

Description

With the recent update to the vax API, the site's now loading slowly due to the number of data. We should implement some form of pagination to help reduce the number of content rendered.

Implementation Model

A basic pagination query of the API is now available on the API. https://jkt-vax-quota.vercel.app/

Available queries: start (default 1) and count (default 100).

e.g. https://jkt-vax-quota.vercel.app/api/kuota?start=10&count=100

Tasks

[TODO]

Redesign - PWA-ready icons

We should tweak our current app icon so that it's ready for PWA implementation. For sizes, etc. see #41.

cc: @nibraswastaken

Location Icon behavior in map page

Description

Follow up from #40

Clicking on location icon in map doesn't focus back if the map moved to different lat/long

Kapture.2021-07-06.at.20.31.16.mp4

Expected Behaviour

It should focus back to current location with fit bounds

Additional Information

Some facilities are being marked as outside of Jakarta

Description

There are some cases where the facilities are marked as being outside of Jakarta, which makes the map look like this.

image

image

Expected Behaviour

  • Facilities' location should be labelled correctly.
  • Facilities outside of Jakarta shouldn't be visible.

Additional Information

This might be happening on the API side. Some of the detail_lokasi data returned from the API can be inaccurate, as seen from this example:

image

Add Analytics

Description

I think adding analytics like

  • track page views
  • how many visitor and demographic

Implementation Model

Provider:

  • Google Analytics
  • Matomo
  • Simple Analytics

auto focus map to current location

map-equivalent "sort" of #2 , maybe we can set current location as the center of the map with zoom level adjusted so at least X number of vaccination location is visible on the screen

feel free to ignore

Some facilities are being tagged with incorrect location data

Description

Some data have incorrect location, for example RSUD TANAH ABANG has the detail_lokasi of another hospital in Kallimantan.

image

Expected Behaviour

They should have the correct location, or maybe just redirect to Google Maps with the location name as search keyword?

Additional Information

Perhaps this should not be reported here, as it's more a bug in the API (data) side, but I'll leave it here for now. Feel free to close this.

Correctly handle when Kuota data is missing

Description

Some facilities do no provide totalKuota and sisaKuota data on their schedules, which causes our recent build failures.

image

For reference, this applies to this popover. We should add a case so that we can show an "invalid" screen when the Kuota data from each schedule time is missing.

image

Expected Behaviour

The schedule popover should correctly handle the case when no Kuota data is available.

Additional Information

Tweet(s) from @k1m0ch1:

image

are you using the key jadwal.waktu.kuota.sisaKuota ? it still alive, but I see a new key in here the "kuota" key from jaki

https://twitter.com/BukanYahya/status/1415538234881318912


image

I assume some location does not have a "waktu" key or "kuota" key thats why the sisaKuota is error, I think you need to add the handler to check the existence of "waktu" and/or "kuota" key

https://twitter.com/BukanYahya/status/1415540609922723842

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.