Think Anything

The digital mental health journal

I am developing this digital mental health journal to allow users to sign up, log in and log their daily feelings, activities and other topics.

This project is build as a student of Code Institute Full Stack Developer Program and the Level 5 Diploma in Web Application Development.

Project Purpose

The purpose of creating this digital mental health journal is to provide users with a convenient platform to effectively manage their mental well-being. Users can sign up, log in, and record their daily feelings, activities, and other essential things such as water intake, food, exercise, and more. By using this journal, users can increase their self-awareness, track their emotional and behavioural patterns, and ultimately improve their overall mental health and quality of life. Additionally, users will be able to review their journal entries to identify patterns, gain insights into their emotions and behaviours, and find effective strategies that positively impacted their mental health on specific days.

Wireframes

Desktop

• Home (Logged in)
• Home (Logged out)
• Log in (Logged out)
• Register (Logged out)
• Account Profile (Logged in)
• My Journal (Logged in)
• Social (Logged in)
• About (Logged out)
• About (Logged in)
• Contact (Logged out)
• Contact (Logged in)
• Report something (Logged in)
• Report something (Logged out)
• Share Artwork (Logged in)

Tablet

• Home (Logged in)
• Home (Logged out)
• Log in (Logged out)
• Register (Logged out)
• Account Profile (Logged in)
• My Journal (Logged in)
• Social (Logged in)
• About (Logged out)
• About (Logged in)
• Contact (Logged out)
• Contact (Logged in)
• Report something (Logged in)
• Report something (Logged out)
• Share Artwork (Logged in)

Mobile

• Home (Logged in)
• Home (Logged out)
• Log in (Logged out)
• Register (Logged out)
• Account Profile (Logged in)
• My Journal (Logged in)
• Social (Logged in)
• About (Logged out)
• About (Logged in)
• Contact (Logged out)
• Contact (Logged in)
• Report something (Logged in)
• Report something (Logged out)
• Share Artwork (Logged in)

Live URL

https://think-anything-eba7c58cc9e2.herokuapp.com/

Final Screen Shots

Desktop

• Home (Logged in)
• Home (Logged out)
• Log in (Logged out)
• Register (Logged out)
• Account Profile (Logged in)
• My Journal (Logged in)
• Social (Logged in)
• About)
• Contact
• Report something
• Share Artwork (Logged in)

Tablet

• Home (Logged in)
• Home (Logged out)
• Log in (Logged out)
• Register (Logged out)
• Account Profile (Logged in)
• My Journal (Logged in)
• Social (Logged in)
• About)
• Contact
• Report something
• Share Artwork (Logged in)

Mobile

• Home (Logged in)
• Home (Logged out)
• Log in (Logged out)
• Register (Logged out)
• Account Profile (Logged in)
• My Journal (Logged in)
• Social (Logged in)
• About)
• Contact
• Report something
• Share Artwork (Logged in)

Testing

Front end user testing

Automated user testing was carried out by testrigor.com please view the results on this url https://app.testrigor.com/public/j599KeJx5nXxjiEAB

CSS Testing

CSS Testing was carried out by https://jigsaw.w3.org/css-validator/validator each result is publushed below

• about.css
• base.css
• contact.css
• journal.css
• login.css
• profile.css
• register.css
• report_it.css
• share-art-work.css
• social.css

Acknowledgements

• Materialize Framework
• ImgBB API Documentatation for the upload of images to imgbb for hosting
• Stackoverflow Jim Brissom - Base64 Encoding Image
• dev.to for password and confirm password validation
• Plus minus input box for Journal Tiles thanks to http://get.foundation
• Arsh Singh for the For If loop in flask/jinja tutorial
• About us paragraph was created using Easy Peasy AI
• Images throughout the site are generated using Easy Peasy AI, These are sourced and backlinked individually