DEV Community

242209 PREETHA S
242209 PREETHA S

Posted on

MyDay Genie - Amazon Q Developer

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

What I Built

MyDay Genie is a simple, browser-based daily planner built to help individuals—especially housewives and students—organize their day efficiently. It allows users to add tasks with specific categories (like cooking, cleaning, study, etc.), set time schedules, mark tasks as important or routine, and toggle between time-based or category-based views.

It solves the problem of daily task planning without needing external apps or installations. The tool runs entirely in the browser and uses localStorage to persist data between sessions.

🔑 Key Features

  • 📝 Task Entry Form – Add tasks with name, time, category, importance, and routine flags.
  • 📅 Dual Views – Toggle between viewing tasks by time or by category.
  • Mark Tasks as Complete – Visually distinguish finished tasks with a single click.
  • 💾 LocalStorage Persistence – Tasks remain saved even after page refresh or browser close.
  • 🔄 Daily Reset Option – Clear all tasks to start fresh every day.
  • 🎨 Category-Based Color Coding – Visual separation of task types using intuitive colors.
  • 🔔 Notifications (Planned) – Easy to extend with task reminders and alerts.

Demo

🔗 Live Demo – MyDay Genie

Image description

Image description
Image description

Code Repository

🔗 GitHub Repository – MyDay Genie

How I Used Amazon Q Developer

Amazon Q Developer was incredibly useful throughout the project. I used it to:

  • Quickly draft and refine JavaScript functions for managing tasks.
  • Get design suggestions for creating a responsive and visually clean UI using CSS variables.
  • Debug tricky logic in task sorting and view toggling.
  • Explore feature ideas like dark mode and task reminders.
  • Speed up development with real-time feedback and automation recommendations.

Tips:

  • Q Developer is especially helpful when experimenting with frontend components—try combining it with DevTools for rapid prototyping.
  • Use it to explain unfamiliar code blocks—it’s like having a pair programmer ready anytime!

🧠 Final Thoughts

Building MyDay Genie was a rewarding experience where I explored practical use of frontend technologies and improved my ability to solve real-world problems with clean and maintainable code. Thanks to Amazon Q Developer, I was able to build faster, debug smarter, and think more creatively about how to improve productivity tools for everyday users.

This project was created and submitted by a student as part of the Amazon Q Developer Challenge.

Top comments (0)