Oncollaboration is a platform where radiologists from Indonesia and The Netherlands can unite to share their knowledge, and discuss recent developments in their medical field.
Release Candidate
Live site
Semester 4 Team: Lesley Reynolds, Quincy Kapenga, Jason Wong and Jesse Leeuwerink
Semester 3 Team: Eva Haller, Ryan Korver, Damian Romeijn & Zoë Penner
There currently are multiple things you can do on this platform, like:
- Watch webinars
- Watch contourings
- Comment on webinars/contourings(also a timestamp functionality. example 1:10:11)
- Read information about a speaker
- Visit your own profile
You can watch the website live here: 🌐 oncollaboration.agency.fdnd.nl
When building this website, we used SvelteKit 5. We utilized components and made the website dynamic with data from Directus. The database is built from 6 Multiple tables.
During the development, we worked with a mobile-first approach. We also applied Progressive Enhancement so that everyone can use this website.
To work on this project, you can clone this repository. Once you have done this, you need to install all the necessary files using the command npm install. After that, you can run it on your localhost with npm run dev.
Important: Make sure you check the version-before-redesign branch to see what kind of features we already have before we started building on the redesign.
You can browse through the webinars and contourings, leave comments on them, and search for specific ones. Additionally, you can filter them by category. Webinars are available to watch, and you can download the resources used for both the webinars and contourings.
This sprint, we made a start on this project on repo. We worked on the user story: Als gebruiker moet ik presentaties makkelijk kunnen terug vinden. We focused heavily on creating the homepage and developing components that we will use in various places. Here is a list of issues we resolved during this sprint:
- Het maken van de Navigatiebalk
- Bouwen van kaartjes voor de contourings
- Bouwen van preview kaartjes voor de webinars
- De search tektbalk en knop bouwen
- Bouwen van filter html css
- Verschillende webinars en contourings inladen uit de database voor op de homepage
- Scroll lijst bouwen voor de preview kaartjes in html/css
- Consider importing a nav component
In addition to these issues, we have also started working on:
There is still a lot that needs to be added to the website. All of these issues are listed on our projectboard.
In sprint 16, we changed from repo and projectboard, so we can eventually pull our code to the FDND organization repo using a pull request. This sprint, we all focused on a component to make sure it works well, it is WCAG compatible and responsive. We also worked on smaller points of improvement for our site. This is a list of all the issues we worked on this sprint:
- Search functie bouwen
- Filteren op categorie functie
- Q&A form voor de contourings en webinars.
- Footer voor desktop
- Featured article bouwen de desktop homepage
- Fetch urls met alleen die fields die we echt nodig hebben
- Error page bouwen
- Featured article design
We updated our projectboard with every task that still needs to be completed.
This sprint, we all did three creative code spikes. This is a list of all the spikes:
Scroll driven animation:
- Eef: Glitzy holographic surreal
- Ryan: 90s space psychedelia
- Zoë: Electrical pop-art
- Damian: Delayed Risoprint
View transition
- Eef: Freaky experimental escapist
- Ryan: Glitzy digital dreamscape
- Zoë: Pretty hippy chique
- Damian: Magical Baroque
Christmas theme
- Eef: Inspiring Pastel Christmas theme
- Ryan: Wintery Gothic Christmas theme
- Damian: Heavenly Gothic Christmas theme
Sprint 18 was all about coming to a release candidate. We determined what needed fixing before pulling this whole project to the FDND Agency organization repository. Here is a list of issues we attended to:
- Webbinar detail page
- Section "Watch Next"
- Breadcrumbs for detail page
- Description for the video
- Video header (video, title, views, date, categories)
- Sorting filter results
- New branding
- Section "About the speaker"
- Filteroption ALL fix
In this sprint a new team started working on the project. What i did (Jesse Leeuwerink) is checking everything like the code base, contribute.md, handover.md etc.
This sprint I did the following things
- build a Profile page
- a speaker page
- made a chapter function in the webinar slug page
- and made a not fully working time stamp function
This time we worked on the following things
- finishing the timestamp function for the webinar slug page
- migrating the project from svelteKit to 5
- Starting to make redesign ideas
- Designing a prototype version of the Home page
- Building the redesign of the home page
This project is licensed under the terms of the MIT license.