Let it Heal is a web application designed to support adults seeking complementary healing methods, with a focus on Reiki. The project was developed using Next.js, React, TypeScript, and MongoDB, and follows modern UX/UI principles and accessibility standards (WCAG 2.1). The application is fully responsive and hosted on Vercel. The development process included user research, wireframing and prototyping in Figma, and continuous version control with GitHub. The main goal was to create a soft, welcoming, and accessible platform for users, while learning new technologies and overcoming technical challenges such as database integration and authentication. The project demonstrates my growth as a frontend developer and my ability to plan, execute, and deliver a complete product. The final product is a visually appealing and intuitive website that makes it easy for users to book healing sessions and learn more about Reiki. Overall, the project successfully meets its goals by providing a professional, accessible, and user-friendly experience for the target audience.
In today’s society, mental health issues have spread rapidly. The need for various forms of support is great. You hear more about mental health in the media, and it seems like people are seeing psychologists more frequently. Healing is becoming increasingly popular in Sweden, with Reiki being one of the treatment methods. That’s why I felt inspired to create a website for someone who is trained in this field. The idea is for the website to be developed further and include more information and features. The site is aimed at adults aged 20 and older, and is intended for both men and women.
- Clone the repository
- Run
npm install - Run
npm run dev - Open http://localhost:3000 in your browser
- Next.js (React-framework)
- React
- TypeScript
- Tailwind CSS (for styling)
- MongoDB (via Mongoose)
- NextAuth (for authentication)
- Zod (validation)
- Argon2 (password hashning)
- ESLint (code quality)
- dotenv (environmental variables)
- ✔️ Planning and Research
- ✔️ Conduct a thorough target group analysis
- ✔️ Use a project management tool for backlog
- ✔️ Design and Prototyping
- ✔️ Create wireframes and prototype in Figma following UX/UI principles
- ✔️ Ensure design is responsive for at least two screen sizes and follows WCAG 2.1
- ✔️ Application Development
- ✔️ Develop with a modern JavaScript framework
- ✔️ Use a database for storing and retrieving data
- ✔️ Implement state management and dynamic components
- ✔️ Follow WCAG 2.1 standards and use semantic HTML
- ✔️ For web app: Responsive and works on at least two screen sizes
- ⬜ For native mobile app: Adapted to different screen sizes and orientations
- ✔️ README file with content as described in project requirements
- ✔️ Version Control
- ✔️ Work with Git and have a repo on GitHub
- ✔️ Final Report (2-3 pages)
- ✔️ Abstract in English
- ✔️ Tech stack and motivation for choices
- ✔️ Documentation of work process, planning, and research
- ✔️ Deploy
- ✔️ Project is hosted and publicly available
- ✔️ Overall Experience
- ✔️ Free from technical errors, consistent design, seamless navigation