Release Candidate
Live site
Grief is a deeply personal and often complex experience that varies from person to person. The Drop & Heal aims to provide a personalized support program for the young adults who have experienced grief. By using an analysis, the program adapts to the unique needs of every user, and can identify the specific grief task the user is in and provide the desired help.
The goal of this project was to create a web application for Drop & Heal with a user-friendly, responsive, and empathetic front-end at its core. It should be intuitive and accessible for young adults who are in different stages of grief. The interface should seamlessly connect to the emotional and functional needs of the users during their personal grieving process.
https://dry-drop-and-heal.vercel.app/
The website was built using the following technologies:
- HTML – For the structure of the website
- CSS – For the styling
- JavaScript – For interactive functionalities
- SvelteKit – To set up a Svelte-based framework
- Vercel - for website deployment
- Directus – Used as a headless CMS
- GitHub – For working on project as a team
- Atomic design – Library structure
- Progressive Enhancement - coding stragedy
Follow the steps below to use this project locally:
- Install node js:
npm install
2. Clone the repository:
git clone https://github.com/lisavanmansom/dry-drop-and-heal.git
- Open the repository in a code editor (for example, VSCode).
- Open the terminal and navigate to the project folder.
- Type command:
npm install
- Type command:
npm run dev
You can now work on the project on locally.
Link to Project Board: https://github.com/orgs/fdnd-agency/projects/37; Link to code conventions: https://github.com/orgs/fdnd-agency/projects/37/views/1?filterQuery=conventi&pane=issue&itemId=80747990&issue=fdnd-agency%7Cdrop-and-heal%7C2;
Design: https://github.com/fdnd-agency/drop-and-heal/tree/main/design
