DEV Community

happyrw
happyrw

Posted on

4 3 2 2 3

Goal Setter App

This is a submission for the GitHub Copilot Challenge : Fresh Starts

What I Built

I built a Goal Setter App to help users organize their goals effectively. The app allows users to:

  • Add new goals with a specific deadline.
  • View a list of all added goals
  • Edit or delete created goals.
  • Persist data using local storage, so that goals remain even after refreshing the app.

Demo

You can check out the app and see it in action here:
-> Live demo of Goal Setter App

Image description

Repo

Here's the link to the project's Github repository:
-> Goal Setter Github Repo

Copilot Experience

Github copilot was instrumental throughout the development of this project. Here's how I used it:

  • Code Autocomplete: Copilot suggested code for React save me time and helping me learn best practices

  • Prompt: I used prompt such u
    as "Create a function to add goal" to guide copilot to generate code snippet

GitHub Models

I didn't use Github Models specifically for prototype, but I found that Copilot's generative ideas and implement solutions effectively. Its ability to provide boilerplate code and optimize logic was invaluable during the development process.

Conclusion

Build the Goal Setter App was a rewarding experience that highlighted the potential of Github Copilot as a coding assistant. As a productivity, and deliver a functional app.

This project gave me a fresh start in web development, combining creativity with practical problem-solving. The Goal Setter App has the potential to inspire others to stay organized and achieve their goals, one step at a time.

This is an individual submission.
happy222004567@gmail.com

API Trace View

Struggling with slow API calls?

Dan Mindru walks through how he used Sentry's new Trace View feature to shave off 22.3 seconds from an API call.

Get a practical walkthrough of how to identify bottlenecks, split tasks into multiple parallel tasks, identify slow AI model calls, and more.

Read more →

Top comments (0)

Cloudinary image

Optimize, customize, deliver, manage and analyze your images.

Remove background in all your web images at the same time, use outpainting to expand images with matching content, remove objects via open-set object detection and fill, recolor, crop, resize... Discover these and hundreds more ways to manage your web images and videos on a scale.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay