About
Peace of Mind is a JavaScript application that allows users to engage in deep breathing sessions. I've used the internet many times to engage in meditation and deep breathing exercises and wanted to build one to get more practice and experience with JavaScript applications. The link to the Netlify deployment of this application can be found in the About section of this repository.
Built With
JavaScript, HTML, and CSS.
Dependencies
Windows 10, a code editor (I used Visual Studio Code), and Git Bash.
Game Creation Approach
My approach to creating the game was starting off with my index.html file first. I needed the app title, the user instructions, the drop-down list where users will choose how many breaths they will do for their session, the start button and the circle that will guide the users breaths during their session. I then moved to the CSS styling, so that I would have the page formatted and styled to my liking, which would make it easier once I went to my app.js file and worked on the app functionality (making the buttons work, making the circle shrink and grow accurately, and making sure the number breaths were accurate and working properly).
Wireframe Mockups
Below is a mockup of what the application appears like on an Iphone, a laptop, and a desktop.
Post-MVP I plan on adding audio to the project because a lot of people meditate with their eyes closed and need audio signifiers to know when to start or stop rather than keeping their eyes on the app while they're meditating. I also plan to translate the app into Swift so it can be an iOS app.