Skip to content

Latest commit

 

History

History
68 lines (45 loc) · 4.58 KB

README.md

File metadata and controls

68 lines (45 loc) · 4.58 KB

Drop and Heal

Rouw is een diep persoonlijke en vaak complexe ervaring die varieert van persoon tot persoon. Het rouwproces kent geen vast tijdspad of gestandaardiseerde aanpak en de intensiteit en duur van het rouwproces kunnen sterk verschillen. In onze hedendaagse samenleving krijgen veel jongvolwassenen te maken met rouw, maar vaak ontbreekt het aan toegankelijke en begrijpelijke ondersteuning die aansluit bij hun specifieke levensfase en persoonlijke behoeften. Drop & Heal streeft ernaar deze leemte te vullen met een innovatieve benadering die technologie gebruikt om een gepersonaliseerd ondersteuningsprogramma te bieden dat zich aanpast aan de unieke behoeften van elke gebruiker. Door gebruik te maken van een analyse, kan de app de specifieke rouwtaak waarin de gebruiker zich bevindt vast stellen en de gewenste hulp bieden.

Inhoudsopgave

Beschrijving

Ontwerp een webapp voor Drop & Heal waarbij een gebruiksvriendelijke, responsieve en empathisch vormgegeven front-end centraal staat. Het moet intuïtief en toegankelijk zijn voor jongvolwassenen die zich in verschillende stadia van rouw bevinden. De interface moet naadloos aansluiten bij de emotionele en functionele behoeften van de gebruikers tijdens hun persoonlijke rouwproces.

Scherm­afbeelding 2024-10-09 om 10 40 53

Kenmerken

Voor deze page is er gebruik gemaakt van het framework Sveltekit en wordt de data opgehaald uit Directus. De code strategie die er is gebruikt is PE, met CSS keyframes zijn er een aantal kleine animaties toegevoegd. Verder is mobile first gecodeerd, het kleinste scherm is 300px. In Google Chrome zijn er view-transitions zichtbaar wat zorgt voor een vloeiende overloop tussen de pagina's.

Installatie

  • Installeer NodeJs;
  • Fork/clone deze repository;
  • Open het in een code editor;
  • Ga naar de directory 'my-app' door in de terminal cd my-app te typen;
  • Run de command npm install;
  • Run de command npm run dev;
  • Klik op de localhost link en begin met coden.

Gebruik

Om deze pagina livelink te bekijken kan je klikken op de livelink in de About sectie van deze repository.

Bronnen

Licentie

This project is licensed under the terms of the MIT license.

Features

Gepersonaliseerd programma

De app beoordeelt welke van de vier rouwtaken: 1. acceptatie van het verlies, 2. ervaren van de pijn van het verlies, 3. aanpassen aan een leven zonder de overledene, en 4. emotioneel verdergaan het meest relevant is voor de gebruiker. Rouw is geen lineair proces, dus het kan zijn dat deze taken in andere volgorde doorlopen worden. Op basis van deze beoordeling wordt een op maat gemaakt programma aangeboden dat zich richt op de individuele behoeften en tempo van de gebruiker: "Jouw reis, jouw tempo".

Community Drops

De app biedt interactie en steun door gebruikers in staat te stellen te reageren op de verschillende oefeningen binnen de app. Dit helpt om het isolement te verminderen en bevordert een gevoel van gemeenschap en gedeelde ervaring.

Toegankelijkheid

Speciale aandacht wordt besteed aan het toegankelijk maken van de app voor gebruikers met diverse behoeften, waaronder visuele en auditieve beperkingen. Functies zoals tekst-naar-spraak, hoge contrastmodi, en aanpasbare tekstgroottes zorgen ervoor dat iedereen toegang heeft tot de ondersteuning.

Responsiviteit

De app is ontworpen om soepel te functioneren op een breed scala aan apparaten en schermformaten, zodat gebruikers toegang hebben ongeacht het apparaat dat zij gebruiken. Data privacy en veiligheid: Gezien de gevoeligheid van de inhoud, implementeert Drop & Heal strikte veiligheidsmaatregelen om de privacy en veiligheid van gebruikersgegevens te waarborgen.

Nice to have

Emotionele afstemming: Designelementen die reageren op de emotionele toestanden van de gebruiker, zoals kleurgebruik dat zich aanpast aan de stemming en interactieve elementen die kalmeren of motiveren, kunnen het gebruiksgemak en de impact van de app verhogen.

Resources

Design