DEV Community

Cover image for Habit Tracker
Suleiman Alhaji Mohammed
Suleiman Alhaji Mohammed

Posted on

1

Habit Tracker

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

Habit Tracker

Overview

The Habit Tracker is a web application that helps you track your habits and get AI-powered suggestions to stay on track. It allows you to add, delete, and monitor your habits, as well as view motivational quotes.

The Habit Tracker is a simple yet effective tool to help users build and maintain good habits. It provides a user-friendly interface to add, track, and delete habits, along with motivational quotes to keep users inspired.

Demo

https://suleiman743.github.io/habit-tracker/

Repo

GitHub Repository

Copilot Experience

Throughout the development process, I used GitHub Copilot to assist with writing HTML, CSS, and JavaScript. Copilot provided helpful suggestions for code snippets, animations, and overall structure, which significantly sped up the development process.

GitHub Models

I utilized GitHub Models for prototyping LLM capabilities in the app, particularly for generating habit suggestions and improving the user experience with AI-powered features.

Conclusion

Building the Habit Tracker was a rewarding experience. It not only helped me improve my coding skills but also demonstrated the potential of AI-powered tools like GitHub Copilot in streamlining the development process. This project has the potential to positively impact users by helping them build and maintain good habits.

License

This project is licensed under the MIT License.

Sentry blog image

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.

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