DEV Community

Cover image for GitHub Copilot Challenge: Building a Habit Tracker App
SARUNYHOT SUVANNACHOTI
SARUNYHOT SUVANNACHOTI

Posted on

GitHub Copilot Challenge: Building a Habit Tracker App

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

What I Built

I developed a Habit Tracker App that allows users to create, manage, and track their habits. The app provides a user-friendly interface to set specific habits, assign goals, and visually monitor progress through daily, monthly, and yearly views. Users can personalize their habits with unique colors and manage them through actions like archiving and deleting.

Demo

Check out the live demo of the Habit Tracker App here. Below are some screenshots showcasing the app's features:

Image description

Image description
Image description

Repo

You can find the source code for the Habit Tracker App on GitHub:

GitHub Repository

Copilot Experience

Throughout the development process, I extensively used GitHub Copilot to assist with coding tasks. Copilot provided valuable suggestions for code completion, function implementations, and even entire component structures. I used prompts to generate initial code snippets, made edits to refine the suggestions, and utilized the autocomplete feature to speed up my workflow. The model switcher allowed me to experiment with different models to get the best results for specific tasks.

However, there were some challenges:

  • I found it confusing to add context files to a chat. If I forgot, the results would often be broken.
  • Adding documents to the VSCode settings to provide more context could improve the results.
  • Many times, Copilot still used deleted or deprecated fields.
  • It continued to use code from the Next.js page router even after I updated the context to use the app router style.
  • It would be beneficial if we could run Copilot from the terminal. Currently, I have to copy and paste errors from the terminal to the chat.

Conclusion

Building the Habit Tracker App with the help of GitHub Copilot was an enlightening experience. Copilot's ability to understand context and provide relevant code suggestions significantly boosted my productivity. This project not only showcases the potential of AI-assisted development but also highlights the impact it can have on creating efficient and well-structured applications. I look forward to exploring more possibilities with GitHub Copilot in future projects.

Top comments (0)