Git Product home page Git Product logo

openaq-explorer's Introduction

SolidStart

Everything you need to build a Solid project, powered by solid-start;

Creating a project

# create a new project in the current directory
npm init solid@latest

# create a new project in my-app
npm init solid@latest my-app

Developing

Once you've created a project and installed dependencies with npm install (or pnpm install or yarn), start a development server:

npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open

Building

Solid apps are built with adapters, which optimise your project for deployment to different environments.

By default, npm run build will generate a Node app that you can run with npm start. To use a different adapter, add it to the devDependencies in package.json and specify in your vite.config.js.

openaq-explorer's People

Contributors

majesticio avatar russbiggs avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

openaq-explorer's Issues

Latest Readings fails when timezone includes a plus-sign

when the timezone includes a plus sign no data is shown. (it only shows No data in selected time range which is incorrect)

the problem is that the request sents the plus-sign as is, which doesn't work.

As an example the url:

https://api.openaq.org/v3/locations/1815690/measurements?period_name=hour&limit=1000&parameters_id=2&date_from=2023-11-08T10:06:13+01:00&date_to=2023-11-09T10:02:55+01:00

fails with this message:

"[{'type': 'datetime_parsing', 'loc': ('query', 'date_to', 'datetime'), 'msg': 'Input should be a valid datetime, invalid timezone sign', 'input': '2023-11-09T10:02:55 03:00', 'ctx': {'error': 'invalid timezone sign'}, 'url': 'https://errors.pydantic.dev/2.1.2/v/datetime_parsing'}, {'type': 'date_from_datetime_parsing', 'loc': ('query', 'date_to', 'date'), 'msg': 'Input should be a valid date or datetime, invalid timezone sign', 'input': '2023-11-09T10:02:55 03:00', 'ctx': {'error': 'invalid timezone sign'}, 'url': 'https://errors.pydantic.dev/2.1.2/v/date_from_datetime_parsing'}]"

when the plus sign is percent-encoded as %2b it doesn't fail anymore. the url would be:

https://api.openaq.org/v3/locations/1815690/measurements?period_name=hour&limit=1000&parameters_id=2&date_from=2023-11-08T10:06:13%2b01:00&date_to=2023-11-09T10:02:55%2b01:00

looking into the code it seems each time toISOString is called there should also be an percent encoding using encodeURIComponent or even just a simple replace replace. All the related code seems to be in the file:

openaq-explorer/src/components/DetailCharts/index.jsx

add location hash to url on map

When panning around the map it would be nice to have the location hash in the URL so that specific views can be shared without users having to repan and zoom to an area of interest.

This is straightforward in Mapbox using the options:

{
   hash: true,
   ...
}

I had tried this early in the development and a bit of complexity comes up when navigating to the details page. So we'll need to stash the hash somehow in the solid-router so it doesnt persist between page navs

box plot tooltip shows incorrect units

When hovering the tooltip for the patterns box plots does not seem to be updatin the units to the selected parameter.

e.g.

When O3 ppm is selected ug/m3 shows

Screenshot 2023-03-11 at 5 27 21 PM

add password strength indicator and feedback to reset password page

Currently the password reset page does not provide the password strength indicator or any helpful feedback when a password does not match or when it does not meet the strength requirements. This page hsould have both the strenght indicator bars, and more helpful answers other than "Password errors"

Screenshot 2024-05-17 at 8 49 37 AM

expanding card contents disappear after collapse

After collapsing and reopening the Overlay and Filters card some of the dont reappear. A window resize oddly causes them to redraw. This only seems to occur in Chrome. Firefox and Safari do not have the same issue

Screenshot 2023-01-07 at 8 41 05 AM

Screenshot 2023-01-07 at 8 41 11 AM

Providers card does not flip

In Webkit browsers the card flip animation does not work and does not allow the user to see the providers card

Screenshot 2023-02-22 at 11 23 18 AM

"latest value" incorret

The latest value on the location detail card is pulling the first value in the series not the last.

csv download not following date_from date_to user input

csv content from download onexplore.openaq.org/locations/{location_id} does not change when different start dates are used. Seems to just get 1 day of measurement even if a month is selected from the 'start date' and 'end date' options

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.