Julia’s SafeSpace: A Mental Wellness Companion

• 

  A clean, simple HTML powering a daily wellness check-in with mood tracking and positive affirmations [The heart of Julia's SafeSpace♥️

• 

  Welcome to Julia's SafeSpace-a simple, daily mental wellness check-in with affirmations, tips and support links to help you feel your best

🧠 About the Project: Julia’s SafeSpace

🌟 Inspiration Mental health often goes unnoticed, especially among young people. As someone passionate about creating a positive social impact, I wanted to build something simple yet meaningful that encourages daily emotional check-ins, self-affirmation, and mental wellness. "Julia’s SafeSpace" was born from this desire — a digital safe zone for anyone needing a quick mood boost, reflection, or support.

🛠️ How It Was Built

• Frontend: HTML, CSS, and JavaScript
• Design Approach: Clean, minimal UI focused on calm colors and friendly interactions
• Key Features:
  • Emoji-based mood check-in
  • Daily affirmations (randomly generated)
  • Mental wellness tips
  • Quick support link section

📘 What I Learned

• How to structure a simple web project using HTML/CSS/JS
• DOM manipulation in JavaScript to change content dynamically
• Importance of accessibility and user experience in wellness apps
• Writing modular, clean code and organizing project files

🚧 Challenges Faced

• Ensuring button interactions dynamically displayed affirmations/tips
• Creating engaging content for wellness without sounding repetitive-

Time management with the short submission window

• Debugging JavaScript logic for random message generation

✨ Final Thought "Julia’s SafeSpace" is just a start. I hope it grows into a platform that reminds people to pause, breathe, and be kind to their minds—one click at a time.

Built With

• html
• javascript
• style.css