DEV Community

Cover image for The Secret Garden of Goal Achievement (GoalBloom)
D'yara Williams
D'yara Williams

Posted on • Edited on

1 1 2 2 1

The Secret Garden of Goal Achievement (GoalBloom)

This is a submission for the GitHub Copilot Challenge : New Beginnings

What I Built

The GoalBloom application is a modern productivity tool designed with an intuitive drag-and-drop functionality that enhances task management through visually engaging Kanban boards. The app focuses on three essential life areas: Life, Growth, and Goals, providing users with a structured and dynamic way to track their progress and organize their tasks.

Theme: “New Beginnings”

Key Features:

  1. Intuitive Kanban Boards: GoalBloom provides a visual tool to manage tasks and workflow using Kanban boards. Users can organize tasks into different columns representing various stages of progress.

  2. Responsive Design: The application features a responsive, modern design that ensures usability across different devices and screen sizes.

  3. Task Management: Users can add, edit, and delete tasks within the Kanban boards. Tasks can be dragged and dropped between columns to reflect their current status.

  4. Life, Growth, and Goals Sections: The application is divided into three main sections:

    • Life: Represents the stages of life goals using the metaphor of a plant's life cycle: Rooting (Foundation), Growing (Exploration & Progress), Blooming (Legacy & Fulfillment).
    • Growth: Focuses on personal development with stages like Seed Planting (Initiation), Growth (Progress), and Blooming (Achievement).
    • Goals: Allows users to set and track their goals in a structured manner.
  5. Local Storage: Tasks are saved in the browser's local storage, ensuring that users' progress is retained even after refreshing the page or closing the browser.

  6. Responsive Typography: The application uses responsive typography to ensure that text is readable and well-formatted on all devices.

  7. Customizable Themes: Users can customize the appearance of the application using different themes and styles.

  8. User-Friendly Interface: The interface is designed to be intuitive and easy to navigate, making it accessible for users of all skill levels.

By combining an intuitive interface with powerful functionality, GoalBloom empowers users to take control of their personal and professional journeys while emphasizing organization, clarity, and achievement.

Demo

Live Demo

GoalBloom Homepage

GoalBloom About

GoalBloom Life

Repo

GitHub logo dyarawilliams / goalbloom

A modern productivity tool designed with an intuitive drag-and-drop functionality that enhances task management through visually engaging Kanban boards.

GoalBloom

Introduction

GoalBloom is a modern productivity tool designed with an intuitive drag-and-drop functionality that enhances task management through visually engaging Kanban boards. The app focuses on three essential life areas: Life, Growth, and Goals, providing users with a structured and dynamic way to track their progress and organize their tasks.

Table of Contents

About the Project

GoalBloom provides a modern and user-friendly interface for managing tasks and goals. It features:

Features

  • Responsive Design: A modern design that works on all devices.
  • Intuitive Kanban Boards: Organize tasks visually with drag-and-drop functionality.
  • Local Storage: Save your progress locally without needing an account.
  • Customizable Themes: Personalize the look and feel of the app.

To get a local copy up and running follow these simple steps.

Prerequisites

  • Node.js (version 14.x or higher)

Copilot Experience

As a developer passionate about efficiency and AI tools, I extensively used Github Copilot to enhance my recent project, streamlining workflow and improving code quality.

Early Stages:

  • Prompt Engineering: Crafted concise prompts to guide Copilot, enabling precise code generation for complex algorithms.

  • Code Generation: Leveraged Copilot to generate code blocks, reducing repetitive tasks and focusing on design and problem-solving.

  • Autocomplete: Benefited from intelligent suggestions, anticipating coding patterns to save time and improve readability.

Mid-Development:

  • Refactoring and Optimization: Used Copilot for optimizing code structure and adhering to best practices.

  • Debugging and Error Handling: Identified and resolved issues with Copilot's contextual suggestions.

  • Model Switching: Experimented with models (GPT 4o, Claude 3.5 Sonnet) for prototyping or production tasks.

Throughout the Development Process

  • Continuous Learning: Gained deeper insights by analyzing Copilot's recommendations.

  • Chat: Used Copilot Chat for complex queries and design exploration.

  • Code Reviews: Improved code quality with Copilot's suggestions and alternatives.

GitHub Models: Enhancing GoalBloom

GitHub Copilot, an AI-powered code completion tool, was integral to developing GoalBloom, aiding in prototyping, optimization, and real-time coding assistance.

Claude 3.5 Sonnet Contributions

  • Code architecture and reviews
  • Error handling and documentation
  • Accessibility improvements

GPT-4 Contributions

  • UI/UX enhancements
  • Refactoring and bug fixes
  • Testing and performance optimization

Key Contributions

Code Suggestions

  • Intelligent Autocompletion: Accelerated development with error-free, efficient code for HTML, CSS, JavaScript, and SCSS.

Function Generation

  • Prototyping Assistance: Helped create task management, drag-and-drop, and local storage functions, later refined for specific requirements.

Responsive Design

  • UI Adaptability: Suggested Bootstrap classes and media queries, ensuring a seamless user experience across devices.

Debugging

  • Error Resolution: Identified and resolved issues, maintaining stability and reliability throughout the development process.

Impact

GitHub Copilot transformed the workflow by:

  • Enabling rapid prototyping
  • Reducing development time
  • Enhancing code quality

Conclusion

Developing GoalBloom has been a rewarding journey, enhancing my skills in web development, user experience design, and productivity tools. Overcoming challenges like implementing responsive design and seamless task management has resulted in a robust, user-friendly application.

Impact:

GoalBloom goes beyond task management, empowering users with tools for personal growth and productivity. Features like Kanban boards, responsive design, and customizable themes ensure it meets diverse user needs.

Future Prospects:

With potential additions like user authentication, collaborative goal setting, and advanced analytics, GoalBloom aims to evolve into a comprehensive productivity suite for personal and professional growth.

Creating GoalBloom has been a testament to the power of technology in fostering personal development. I am excited about the future possibilities and the positive impact this project can have on its users. As I continue to refine and expand GoalBloom, I am committed to maintaining a user-centric approach, ensuring that the app remains a valuable tool for anyone striving to achieve their goals and unlock their full potential.

Thank you for allowing me to participate in this challenge. It was an great pleasure.

Happy Coding

Image of Wix Studio

2025: Your year to build apps that sell

Dive into hands-on resources and actionable strategies designed to help you build and sell apps on the Wix App Market.

Get started

Top comments (0)

Image of Bright Data

Ensure Data Quality Across Sources – Manage and normalize data effortlessly.

Maintain high-quality, consistent data across multiple sources with our efficient data management tools.

Manage Data

👋 Kindness is contagious

Discover a treasure trove of wisdom within this insightful piece, highly respected in the nurturing DEV Community enviroment. Developers, whether novice or expert, are encouraged to participate and add to our shared knowledge basin.

A simple "thank you" can illuminate someone's day. Express your appreciation in the comments section!

On DEV, sharing ideas smoothens our journey and strengthens our community ties. Learn something useful? Offering a quick thanks to the author is deeply appreciated.

Okay