The latest articles on DEV Community by Masthani Ameena M (@ameena_babu_d3ce63e22ae0b). https://dev.to/ameena_babu_d3ce63e22ae0b https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3149309%2F51739ff1-c216-46cc-8126-4e2b0a23c5eb.jpg https://dev.to/ameena_babu_d3ce63e22ae0b en Masthani Ameena M Sun, 11 May 2025 12:02:37 +0000 https://dev.to/ameena_babu_d3ce63e22ae0b/mental-health-tracker-powered-by-amazon-q-developer-3jhl https://dev.to/ameena_babu_d3ce63e22ae0b/mental-health-tracker-powered-by-amazon-q-developer-3jhl <p>This is a submission for the Amazon Q Developer "Quack The Code" Challenge: Crushing the Command Line</p> <p>✨<strong>What I Built</strong><br> 🧠 I created a <strong>Mental Health</strong> Tracker—a web app designed to help users monitor their emotional well-being. this app offers a personalized experience to <strong>track moods, explore trends, and gain insightful analytics</strong>. Users can easily log their moods, review past entries in both live and calendar views 📅, and gain valuable AI-driven insights 🤖 to improve their mental health 💡.</p> <p><strong>Key Features:</strong></p> <ol> <li>🌈 Mood Tracker: Log your daily moods with ease</li> <li>📅 History View: See your past moods in both live and calendar views</li> <li>📊 Insights: Explore mood trends, AI-driven analysis, and track your mood streaks 4.⚙️ Settings: Customize appearance, manage notifications, and control data🌈 </li> </ol> <p>🧑‍💻 <strong>DEMO</strong></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Frsccghp1yiuvb4cddib9.jpg" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Frsccghp1yiuvb4cddib9.jpg" alt="Image description" width="800" height="398"></a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F3fy42063olh6konf5nw8.jpg" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F3fy42063olh6konf5nw8.jpg" alt="Image description" width="800" height="424"></a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F335k9p08apzaggkyadv6.jpg" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F335k9p08apzaggkyadv6.jpg" alt="Image description" width="800" height="424"></a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F75zaaluph0zt1nyueja7.jpg" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F75zaaluph0zt1nyueja7.jpg" alt="Image description" width="800" height="417"></a></p> <p>🖥️ <strong>Code Repository</strong><br> 👉👉<a href="https://github.com/Ameena2244/Ameena" rel="noopener noreferrer">https://github.com/Ameena2244/Ameena</a></p> <p>🚀<strong>Tech Stack</strong></p> <ul> <li>HTML</li> <li>CSS</li> <li>JavaScript</li> <li>Local Storage</li> </ul> <p><strong>✨Development Highlights</strong>:</p> <p>☁️ Amazon S3 for secure, scalable data storage</p> <p>💻 HTML/CSS for a sleek, responsive design</p> <p>⚡ JavaScript for dynamic, real-time interactions</p> <p><strong>Best Practices Followed</strong>:</p> <ul> <li><p>🔍 Accessibility: Ensured the app is usable by everyone</p></li> <li><p>📱 Responsive Design: Optimized for various devices</p></li> </ul> <p>🚀 *<em>Let's connect *</em></p> <ul> <li>💻 <strong>GitHub</strong>:Ameena2244</li> <li>🔗 <strong>LinkedIn</strong>:ameenababu</li> <li>🔗 <strong>DEV profile:</strong> <a class="mentioned-user" href="https://dev.to/ameena_babu_d3ce63e22ae0b">@ameena_babu_d3ce63e22ae0b</a> </li> </ul> <p>⚠️ <strong>Note</strong>:Iam currently student working on this project</p> devchallenge awschallenge ai webdev