cehat-clinic / dashboard Goto Github PK
View Code? Open in Web Editor NEWHome Page: https://sg-cehat-air-quality.web.app
License: Other
Home Page: https://sg-cehat-air-quality.web.app
License: Other
When a sensor is clicked, make it look similar to the hovered sensors (enlarged icon) so that it's more clear what sensor's information you are viewing.
The representation of the UI for a given sensor (i.e. the dial representation)
This includes
We updated the fields to use Timestamps and pm25 readings rather than strings and channelAReading
DOMException: Failed to register a ServiceWorker for scope ... The script has an unsupported MIME type ('text/html').
There are two sensor docs with purpleAirId="39019". One is older, and I believe they are both now being populated with the same readings. The 39019 sensor was likely re-added in November when we added more sensors. Thus, I think once all old data docs are converted to the new format, we can probably just delete the newer collection.
Currently the navigation menu defaults to open when the window is small. Change this default to closed.
git branch -m master main
git fetch origin
git branch -u origin/main main
Rename all references to master to main in the .github directory
Add the ability to collapse UI components (map, AQI dial, graph/recommendations box) when user is viewing from a small screen.
For the tags in the grid under the dial/aqi reading: highlight the tag that corresponds to the current AQI with a border to make it clear what category the AQI currently falls under.
In Routes.tsx, the Home path should be an exact path, since the "/" path matches all other paths as well.
Will need to add default page to Routers as well as a component to be displayed
Chrome Dev Tools is showing "Uncaught exception" for async calls to Firebase in the front-end code, even though the errors are caught and being handled. This is likely related to how promises are handled, but it is not clear why the current implementation is not working. It could be because the error is being thrown in another call stack, per this documentation.
Converting the async/await in try/catch statements to then/catch statements seems to fix the issue.
Make the map-markers able to be clicked (so that they can change the state)
Right now the colors for the markers and the dial (which are the same) are hard coded in markerStyle.tsx and AQIDial.tsx. We should store these colors in one place, and use them in both files. This should also accommodate the fact that the colors are different with the color blind toggle on.
Instead shows the manifest file
Chakra has a built in IconButton feature that we should probably be taking advantage of instead of a manual image, but it was not super quick to implement due to icon hiding and sizing. Since it is low-pri, I am going to open this issue as opposed to fixing now.
The current implementation means every reading (from every 2 minutes) is read 72 separate times, and there are currently about 650,000 reads per day (well beyond free tier), whereas writes are still within reasonable values. This is expensive and the reads are redundant, so creative database structure can improve this.
The new image should:
Right now, the function thingspeakToFirestore()
just fails if the requests don't work, and the error messaging isn't great.
Originally posted by @CarsonHerness in #92 (comment)
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.