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.
There currently are multiple things you can do on this platform, like:
- Watch webinars
- Watch contourings
- Comment on webinars/contourings
You can watch the website live here: 🌐 oncollaboration.vercel.app
Bij het bouwen van deze website hebben we gebruik gemaakt van SvelteKit. We hebben gebruik gemaakt van componenten en we hebben de website dynamisch gemaakt met data uit Directus. De database is opgebouwt uit 6 tabellen, waarvan je het datamodel hier kunt vinden:
Tijdens het bouwen hebben we mobile first gewerkt. Ook hebben we Progressive Inhancement toegepast zodat iedereen deze website kan gebruiken.
Om aan dit project te werken kun je deze repo clonen.
Zodra je dit hebt gedaan moet je alle benodigde bestande installeren met het comando npm install.
Als je dit heb gedaan kun je het op je localhost runnen met npm run dev.
Op de website kun je scrollen door de webinars en contourings. Als het uiteindelijk af is kun je de webinars bekijken en vragen in de comments achterlaten. Ook kun je met je collegas de contourings bespreken.
Deze sprint hebben we een start gemaakt aan dit project. We hebben gewerkt aan de userstory: Als gebruiker moet ik presentaties makkelijk kunnen terug vinden. We hebben ons heel erg gefocust op het maken van de homepage, en het maken van componenten die we op verschillende platsen gaan gebruiken. Hier is een lijst van issues die wij hebben opgelost deze 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
Naast deze issues zijn wij ookal begonnen aan:
Er moet nog een hele hoop toegevoegd worden aan de website. Al deze issues staan in ons 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
- Zoë: Heartwarming Geometrical 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
This project is licensed under the terms of the MIT license.