Wellify

What inspired Wellify? Our inspiration for this project was that there is a very important connection between your physical and mental health, and we need to preserve and cultivate that connection.

What does Wellify do? We are excited to help create a better balance between physical and mental health care by encouraging users to practice mindfulness. This website provides a safe space where you can glow and grow and some of our features include a Mood Journal, Health Tracker, Mindfulness Tracker and a planner.

How did you build Wellify? We built Wellify using HTML, CSS, and JavaScript, combining interactive wellness tools, mental and physical health resources, activity generators, and a simple design focused on the everyday wellbeing of the user.

What challenges did you run into while building Wellify? One of the more prominent challenges we ran into was that we had to switch editor as it wasn’t working so we needed to use our quick intellectual thinking to get all our code up and running on the new editor.

What accomplishments are you proud of? An accomplishment we are proud of is the fact that we were able to switch to a new editor so quickly and effectively and we still had time left to code like pros.

What we learned? The overall takeaway from this experience is that we have improved our javascript skills and have even learnt how to automatically save things in our research!

What's next for Wellify? Well we hope to add more features like more questions on our mood journal and pictures in it too! We also hope to add a Meet the Team page with our team contact details + and FAQ’s section. We also would love to be able to add a feature where you can make a profile and sign in for reminders and updates!

Who's our target audience? Wellify is targeted toward anyone who want to improve their physical and mental well-being through daily habits, mood tracking, and self-care activities. Users who want an active role in their lifestyle and healthy choices and people looking for a private way to track wellness data.

Built With

Submitted to

Build Beyond Hackathon

Created by

I worked on the front end of Wellify. I created the html and css framework and styling of the mindfulness tracker, educational pages, an interactive planner, and a faction tab icon for Wellify. I also wrote the contents of the home page alongside Jana. Part of deciding what should be on the mindfulness tracker was asking myself “what resources would I have liked to have when I started practicing mindfulness and what would have helped me keep going?” I used this question to guide my coding for not only the mindfulness tracker but also the coding of the rest of Wellify. This was only my third week of coding so designing a user friendly layout for each page alongside debugging was definitely a challenge. Despite this, it was very inspiring to see ideas the began from a sketch turn into a wireframe and then into a completed product.

Lina Serine
I worked on the front-end of Wellify, creating the HTML and CSS for the mood journal, health tracker, Meet the Team page, and footer. I also worked on the mindfulness tracker with Lina, the Flexbox and some CSS for the self-care pages, and the general CSS alongside the rest of the team. This was my third week of coding and my first hackathon, so making the website user-friendly, attractive, and functional while debugging was challenging. Despite this, it was really rewarding to see our ideas develop from sketches into a finished, working website.

Aadhya Khajuria
I worked on the front-end of Wellify, creating the physical and mental wellness pages, activity cards, navigation bar, and interactive generators. I also added videos to activity cards and worked on the JavaScript for the random activity and positive message generators. This was my only third week of coding and me first hackathon, so debugging was definitely a challenge, but it was really rewarding seeing our ideas turn into a working website. I also did the css of Meet the team webpage and some general css of the website and navbar.

Misbah Tahir
I did the kindness wall's css, html and js. I also did the homepage's html, and i did the navbar's css and html.
Also, we all worked together on the general css.
This was my third week of coding and the first time i worked on a website for a hackathon, so it was really challenging to figure out how to make it user friendly, look good, and function perfectly at the same time.
Despite being challenging and very hard, it was really fun working on a whole website for the first time, and seeing the website working great while looking good feels really amazing!

jana karim