Skip to content

Latest commit

 

History

History
25 lines (18 loc) · 2.08 KB

README.md

File metadata and controls

25 lines (18 loc) · 2.08 KB

Drop and Heal React

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.

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 React en wordt de data opgehaald uit Directus. De code strategie die er is gebruikt is PE en het is mobile-first gebouwd, het kleinste scherm is 300px (mobile only // in deze repo).

Installatie

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

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