Calma is a mindful dashboard allowing users to take time out of their days to check in on their wellbeing and destress.

• User Story A: As a User, I wanted to be able to set a timer to set aside time to take a break
  
• User Story B: As a User, I would like to be able to find different ways to relax or exercise during the day to help my mental wellbeing.

A standard layout that is fully responsive on mobile devices and larger screens.

We choose Comfortaa because it has a relaxed feel and rounded aesthetic.

Background images were created by the team using Affinity Designer and animated using CSS3.

We made our wireframe with paper and pen as time was a constraint.

• The navigation bar features an animated header and checkbox allowing the user to toggle between dark and light modes.

• Pomodoro Timer to set to remind to eg do yoga, drink water, get away from the desk etc.
• Fitness/ activity section with links to videos / guided meditation / potentially games
• How am I section with sliders for the main pillars of wellbeing ( mental, social, physical, financial etc). These could potentially be shared / submitted.
• Message to self section where the user can populate a DB with encouraging messages to pop up onto their screen at future intervals ( could initially be populated with some classic quotes.

The dock features large icons to open the four different modals

HTML 5

CSS 3

JavaScript

Bootstrap

Google Fonts

GIT

Github

Heroku

Code Institute Course Content
Code Institute SLACK Community
Youtube - General resource.
Am I Responsive - Responsive website mockup image generator.

• Tested...
  

Performance, Accessibility, Best Practices & SEO were tested using Google Lighthouse.

1. We would like to thank our Mentor Megan Wood for her help on this project.
   
2. Thank all of our Team Members for their efforts on building this project.
   
3. Sound effects obtained from Zapsplat

This project is for educational use only