DEV Community

Cover image for ๐Ÿฆ‹โœจ GratefulMind: Your Daily Dose of Joy & Growth ๐ŸŒ…๐Ÿ’ซ
Dev
Dev Subscriber

Posted on • Edited on

๐Ÿฆ‹โœจ GratefulMind: Your Daily Dose of Joy & Growth ๐ŸŒ…๐Ÿ’ซ

This is my solo submission for the Amazon Q Developer "Quack The Code" Challenge: Crushing the Command Line


Before you dive into GratefulMind, wanna check out all four of my entries for the Amazon Q Developer โ€œQuack The Codeโ€ Challenge? ( I know ๐Ÿ˜…, I went a little too crazy here, and overdid it, a teeny tiny little too much ๐Ÿ˜):

1๏ธโƒฃ ๐Ÿงฉ Sudoku Taught Me I Could Achieve Anything: โœจ Powered by Amazon Q Developer CLI ๐Ÿš€๐Ÿ—จ๏ธ๐Ÿ‘ฉโ€๐Ÿ’ป

2๏ธโƒฃ ๐Ÿฆ‹โœจ GratefulMind: Your Daily Dose of Joy & Growth ๐ŸŒ…๐Ÿ’ซ

3๏ธโƒฃ ๐Ÿ›ก๏ธ Embark on the DSAWarriors Quest: From Newbie to Expert in 20 Weeks! ๐Ÿš€๐Ÿ“œ

4๏ธโƒฃ โณ๐Ÿ”ฎ The Secret Hour Whisperer: Unlocking Your Dayโ€™s Hidden Magic with TimeTracker โœจ


What I Built ๐Ÿคฉ๐ŸŽ‰

1๏ธโƒฃ The Big Picture โœจ๐Ÿ’ซ

I crafted GratefulMind, a personalized gratitude-journal web app that:

  • โฐ Serves up time-specific prompts (morning ๐ŸŒ…, afternoon โ˜€๏ธ, evening ๐ŸŒ™)
  • ๐Ÿ“Š Blends goal-tracking and mood journaling into one seamless flow
  • ๐Ÿ“ˆ๐Ÿ“‰ Daily, Weekly and Monthly insights to help you know your actions, motivations, habits better.

โ€œI dread starting a workoutโ€ฆ but by the end I feel blissed.โ€ Replace โ€œworkoutโ€ with any challengeโ€”GratefulMindโ€™s here to capture that post-win glow. ๐Ÿ†๐Ÿ’–

2๏ธโƒฃ Why It Matters โค๏ธโ€๐Ÿ”ฅ

  • Holistic Focus: Four life areasโ€”Work ๐Ÿ’ผ, Health & Fitness ๐Ÿƒโ€โ™€๏ธ, Personal Growth ๐Ÿ“š, Social ๐Ÿคโ€”so youโ€™re never neglecting what matters.
  • Deep Reflection: ๐Ÿ’ญ Custom prompts nudge you to pause, ponder, and grow.
  • Lasting Insights: ๐Ÿ” Your entries live foreverโ€”revisit highs, learn from lows, and watch patterns emerge. ๐Ÿ“ˆ

๐Ÿš€Demo and Dive In

Try It Yourself ๐Ÿ–ฑ๏ธ

  • ๐ŸŒ Live Site: GratefulMind
  • ๐Ÿ“ธ Screenshot Preview:

GratefulMind Screenshot

  • Or you can see it all in action here.

Code Repository ๐Ÿ’ป

Peek Behind the Scenes ๐Ÿ”

  • โญ๏ธ GitHub: Divya4879/GratefulMind

    GratefulMind

    A personalized gratitude journal web application that adapts to your unique identity and provides tailored prompts for reflection throughout your day.

    You can check it out here.

    project ss

    Project Overview

    GratefulMind is designed to help users cultivate gratitude and mindfulness through a customizable journaling experience. The application adapts to each user's unique identities and life circumstances, providing relevant prompts for reflection at different times of the day.

    Key Features

    • Time-Specific Prompts: Different prompts for morning, afternoon, and evening to match your daily rhythm
    • Journal Entry System: Record and review your gratitude entries with rich text formatting
    • Mood Tracking: Visual representations of your emotional journey with charts and insights
    • Task Management: Set and track daily goals aligned with your values
    • Life Areas Focus: Reflect on different areas of your life (work, relationships, health, etc.)
    • Reflection Summaries: Weekly and monthly insights into your gratitude practice
    • โ€ฆ
  • ๐Ÿ› ๏ธ Explore the full HTML5/CSS3/JS + Tailwind + Chart.js magic, then fork or remix, and don't forget to star it ๐Ÿ˜…! ๐Ÿ”งโœจ


How I Used Amazon Q Developer ๐Ÿค–

Plan, Prompt, Polish ๐Ÿ“

1๏ธโƒฃ Blueprinting: I fed Q Developer the GratefulMind tech stack, user flows, feature listโ€”and let it draft an iterative plan. ๐Ÿ—‚๏ธ
2๏ธโƒฃ Course-Correction: When its code snippets popped up too early or went off-track, I jumped in, refined prompts, and steered it back. ๐Ÿ”„
3๏ธโƒฃ Code-Generation: Once the plan was rock-solid, I asked Q Developer to scaffold componentsโ€”storage utils, prompt engine, Chart.js integrationsโ€”and then polished the output. โœจ๐Ÿ”จ

Amazon Q Command Line Prompt 1

Amazon Q Command Line Prompt 2

Amazon Q Command Line Prompt 3


The Rollercoaster of AI Collaboration ๐ŸŽข

  • ๐Ÿง  Brainpower on Demand: Q Developer turns fuzzy ideas into concrete codeโ€”most of the time.
  • โœ๏ธ Human-in-the-Loop: My feedback loop kept features aligned with real-world needs(as per my perception and from i gathered from some research).
  • ๐ŸŽ‰ Moments of Magic (and Mayhem): One minute youโ€™re marveling at auto-generated chart handlers; the next youโ€™re debugging its half-baked UI. ๐Ÿ˜‚๐Ÿฅฒ๐Ÿฅน๐Ÿ˜ญ๐Ÿ”ง

At its best, Amazon Q Developer is that ultra-bright apprentice whoโ€™s bursting with ideasโ€” just needing your guidance to reach perfection. ๐Ÿค—๐ŸŽˆ


Dive in, fire up the gratitude prompts, and let me know which โ€œahaโ€ moments GratefulMind surfaces for you! ๐ŸŒŸ๐Ÿ“๐Ÿ’•


๐Ÿ™ A Heartfelt Thank-You

GratefulMind isnโ€™t just lines of codeโ€”itโ€™s a celebration of every small win, a companion for your quietest reflections, and a spark for your next breakthrough. Thank you for sharing this journey with me. ๐Ÿ’—


โœจ A Little About Me

Iโ€™m Divya, a lifelong learner who finds magic in the everyday: that first sip of black coffee โ˜•, the joy of solving a tricky bug ๐Ÿž, and the comfort of looking back on how far youโ€™ve come. I built GratefulMind so you can capture those moments, tooโ€”because every feeling, goal, and spark of gratitude deserves its place in your story.


Still here? Youโ€™re awesome. Go aheadโ€”start your first entry, and let GratefulMind surprise you with what it uncovers about you. ๐Ÿ’ซโœจ๐Ÿง™โ€โ™€๏ธ

And yup, thank you for being here until the end ๐Ÿ’—.

A Gif saying thank you

Top comments (25)

Collapse
 
dummy001 profile image
dummy

Amazing work as always!
I'm constantly astonished by your design sense and unique ideas. A huge plus is how you actually turn those ideas into real, working projects that's rare and inspiring.
Keep building these cool, creative things and please keep sharing more posts about them. Love seeing what you come up with next!

Collapse
 
dev_99718084404de profile image
Dev

Thank you so much buddy ๐Ÿ™ for such a sincere comment.

But for all these 4 projects, I made them using Amazon Q Developer. All the code for the project was generated by Amazon Q itself. I did provide it with detailed prompts stating my goals, and iterated as needed, but the coding part was done by Amazon Q for this challenge.

Collapse
 
dotallio profile image
Dotallio

Really love how you brought both reflection and habit tracking into one app. Did journaling with GratefulMind change anything for you personally?

Collapse
 
dev_99718084404de profile image
Dev

It got me into journaling and deep introspections - short but thoughtful, throughout the day. I would say that yup, it did help me overall. Did you try it as well?

Collapse
 
dotallio profile image
Dotallio

I'll try it!

Thread Thread
 
dev_99718084404de profile image
Dev

Thanks!

Collapse
 
harshit3011 profile image
Harshit Khosla

Looks really amazingโœจ๏ธ Cheers for doing these challenges! And I enjoy the way you write about your projects!

Collapse
 
dev_99718084404de profile image
Dev

Thank you Harry.
I'm liking your creativity in each of these comments.

Collapse
 
divya_singh_935d1aa565b35 profile image
Divyangi

I'll be using this one from now on!

Collapse
 
dev_99718084404de profile image
Dev

Thank you ๐Ÿ˜Š๐Ÿ˜Š

Did it help you so far?

Collapse
 
divya_singh_935d1aa565b35 profile image
Divyangi

It did ๐Ÿ˜

Collapse
 
aanchal20 profile image
Aanchal Shrivastava

Really liked how u added the 4 different domains...health, work, social and personal.
Also the mood tracker is a good one..it definitely would be useful โœจ๐Ÿฅ‚

Collapse
 
dev_99718084404de profile image
Dev

Thank you Aanchal ๐Ÿ˜Š๐Ÿ˜

The 4 domains were from an inspiration I got from Ali Abdal's new yr workshop.

And tracker coz, it's a website right, not a simple daily journal with prompts, I wanted it to be more useful and more dynamic.

Collapse
 
nathan_tarbert profile image
Nathan Tarbert

Youโ€™re a freaking legend for building this solo. Stuff like this honestly gets me excited to try journaling again.

Collapse
 
dev_99718084404de profile image
Dev

Thank you ๐Ÿ˜Š

Yup, I wanted it to be really helpful, hence i added the different prompts and I wanted it to be more dynamic, hence I added the charts.

Collapse
 
divya_singh_20ce6a096b0d4 profile image
Divya Singh

Love it!

Collapse
 
dev_99718084404de profile image
Dev

Thank you!

Collapse
 
ria29108 profile image
Riya Singh

This is my favorite.
You make it hard to chose ๐Ÿคง๐Ÿ˜„
All the best

Collapse
 
dev_99718084404de profile image
Dev

Thank you so much ๐Ÿ˜Š๐Ÿ™๐Ÿ˜๐Ÿฅน

Collapse
 
divya_singh_b80fb66bcdbd5 profile image
Divya Singh

Awesome one!!!

Collapse
 
dev_99718084404de profile image
Dev

What made it awe-worthy for you?

Collapse
 
divya_singh_12024c583f7b5 profile image
Divya Singh

This is a good one.
I really like it, an Ai Powered custom journal+ tracker with visualization.

Collapse
 
dev_99718084404de profile image
Dev

Thank you for your feedback.

And yup, this is my favorite project as well ๐Ÿ˜