tibudiyanto / jakarta-vax-availability Goto Github PK
View Code? Open in Web Editor NEWHome Page: jakarta-vax-availability.vercel.app
Home Page: jakarta-vax-availability.vercel.app
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
The index page should be refactored into several smaller modules to reduce the number of lines of code.
modules/
folder, separated each by feature foldershelpers/
folderAt the moment, the Kuota service fails intermittently, and by default we currently fall back to showing each of those facilities as having 0 kuota, which is obviously incorrect. We should handle this fallback state correctly.
A fallback state should be displayed when Kuota service fails.
Tweet thread: https://twitter.com/BukanYahya/status/1412283847341854720
The VaxLocation
card's header is currently overflowing and pushing the distance and quota badge out of view.
The VaxLocation
card's header should properly truncate.
Let's go back to the Tailwind Play URL from the mockup and take a look at which styles we're missing.
At the moment, it is not responsive enough on mobile device.
Help is very appreciated!
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.
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
[TODO]
We should tweak our current app icon so that it's ready for PWA implementation. For sizes, etc. see #41.
cc: @nibraswastaken
Follow up from #40
Clicking on location icon in map doesn't focus back if the map moved to different lat/long
It should focus back to current location with fit bounds
There are some cases where the facilities are marked as being outside of Jakarta, which makes the map look like this.
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:
Reference: https://twitter.com/resir014/status/1411971069515210752
Current tasks:
I think adding analytics like
Provider:
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 data have incorrect location, for example RSUD TANAH ABANG has the detail_lokasi
of another hospital in Kallimantan.
They should have the correct location, or maybe just redirect to Google Maps with the location name as search keyword?
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.
Some facilities do no provide totalKuota
and sisaKuota
data on their schedules, which causes our recent build failures.
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.
The schedule popover should correctly handle the case when no Kuota data is available.
Tweet(s) from @k1m0ch1:
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
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
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.