[GSoC Project Proposal]: : Build web UI versions using pyodide/pyscript for IOOS tools

[ocefpaf]

Project Description

IOOS provides many tools as webservices, like compliance-checker web and ioos-qc. These services rely on docker deployments running in the cloud.

Recent advances in Python on the web, scientific distribution like pyodide, and code deployment in the browser like pyscript, made it easier to deploy Python code that runs in the browser instead.

Expected Outcomes

The idea for this project is to build interfaces for ioos-qc and compliance-checker. A user should be able to load datasets, select dat and the checks they want to apply.

We have a prototype for ioos-qc, https://ocefpaf.github.io/ioos_qc_webapp/ioos_qc_browser.html, and a cloud deployment for compliance-checker, https://github.com/ioos/compliance-checker-web.

The best candidate is someone passionate about UI/UX, with good knowledge of the modern "Python in the web tech." A big plus is some understanding of oceanographic data quality control and quality assurance.

Skills required

Intermediary Python and some experience with designing user interfaces.

Mentor(s)

@ocefpaf

Expected Project Size

350

What is the difficulty of the project?

Expert

[Nitish-Naik]

Hello mentor,
I am Nitish, a Computer Science undergraduate from India. I am interested in contributing to this project. I had a few inquiries.

I've read the comments above and have understood that you need a webapp for this "A user should be able to update a dataset and select the data checks they want to apply to it"

I'm familiar with Pyodide.

so, are there any documentation for this?

Can you please provide more info about this?

In my application, I want to be transparent about my current familiarity. While I don't have much experience in pyscript, I do have experience of data visualization, python and it's libraries in general. I am genuinely eager to learn and contribute to this project.

I want to highlight my skills and experience in this application.

Eagerly waiting for your reply.
Thank you,
Nitish

[ocefpaf]

Hi @Nitish-Naik. Thanks for your enthusiasm. GSoC 2025 is not opened for organization applications yet and we don't know if we'll be accepted or not. Whatch this space and wait for the participants application call.

In my application, I want to be transparent about my current familiarity. While I don't have much experience in pyscript, I do have experience of data visualization, python and it's libraries in general. I am genuinely eager to learn and contribute to this project.

It doesn't have to be pyscript, as long as it is wasm based and deployed as HTML only. If we can manage it with pure pyodide and micropip, even better. There are no docs but take a look at some of the examples in https://panel.holoviz.org/ for inspiration.

[milinddethe15]

Hi @ocefpaf, it is an interesting project to work on. Running py packages in a browser.

Here is a prototype: https://ocefpaf.github.io/ioos_qc_webapp/ioos_qc_browser.html

Do we have the source code of this prototype? Can you please share it?

Thank you!

[ocefpaf]

Do we have the source code of this prototype? Can you please share it?

Sure: https://github.com/ocefpaf/ioos_qc_webapp

[jgyasu]

Hi @ocefpaf! My name is Jigyasu and I am an engineering undergraduate. I came across this project while I was browsing the GSoC organisations a while ago. I found this interesting because it was the first time I heard about pyodide and found it cool! I have previously contributed a bit to other libraries in the PyData ecosystem like scikit-image and sktime but I want to work on an end-to-end project now.

I have made a prototype of the web app, the pyodide part is still incomplete because I could not install ioos_qc using pyodide, I think I will have to build the wheel of ioos_gc manually. Here's the link to the prototype, https://jgyasu.github.io/IOOS_QC_WebApp/

I would be happy to work further on this project even if the organisation doesn't get selected for the GSoC 🙂