Logo

dev-resources.site

for different kinds of informations.

Habit Tracker: A Web Application to Track Your Daily Habits

Published at
1/15/2025
Categories
devchallenge
githubchallenge
webdev
ai
Author
lymah
Author
5 person written this
lymah
open
Habit Tracker: A Web Application to Track Your Daily Habits

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

What I Built

Habit Tracker is a web application designed to help users track their daily habits. The application allows users to register, log in, add habits, mark them as completed, and receive daily email reminders to complete their habits. The application also features a dark mode toggle for a better user experience.

Demo

You can access the Habit Tracker application here. Below are some screenshots of the application in action:

Image 1

Image 2

Repo

You can find the public GitHub repository for the Habit Tracker project here.

Copilot Experience

Throughout the development process, I extensively used GitHub Copilot to assist with coding. Here are some ways I utilized Copilot:

  • Prompts: I used natural language prompts to generate boilerplate code for Flask routes, SQLAlchemy models, and HTML templates.
  • Autocomplete: Copilot's autocomplete feature helped me quickly write repetitive code, such as form handling and database queries.
  • Edits: I made edits to the generated code to tailor it to my specific needs, ensuring it met the application's requirements.
  • Chat: I used the chat feature to ask questions about specific errors and get suggestions for improvements.
  • Model Switcher: I experimented with different models to see which one provided the best suggestions for my project.
  • Voice chat: The GitHub Copilot voice chat made asking questions and clarification smooth.

GitHub Models

I used GitHub Models to prototype LLM capabilities in my app. Specifically, I leveraged the models to generate code snippets for Flask routes, SQLAlchemy models, and email reminder functionality. This significantly sped up the development process and allowed me to focus on refining the application's features.

Conclusion

Building the Habit Tracker application with the help of GitHub Copilot was an enlightening experience. Copilot's ability to understand natural language prompts and generate relevant code snippets made the development process smoother and more efficient. This project has the potential to help users build and maintain positive habits, ultimately leading to better productivity and well-being.

I look forward to exploring more ways to integrate AI-powered tools like GitHub Copilot into my development workflow.

webdev Article's
30 articles in total
Web development involves creating websites and web applications, combining coding, design, and user experience to build functional online platforms.
Favicon
7 Developer Tools That Will Boost Your Workflow in 2025
Favicon
Lessons from A Philosophy of Software Design
Favicon
Can I build & market a SaaS app to $100 in 1 month?
Favicon
Learning HTML is the best investment I ever did
Favicon
Creating a live HTML, CSS and JS displayer
Favicon
How to scrape Crunchbase using Python in 2024 (Easy Guide)
Favicon
🕒 What’s your most productive time of the day?
Favicon
Daily.dev's unethical software design
Favicon
Unique Symbols: How to Use Symbols for Type Safety
Favicon
How To Build Beautiful Terminal UIs (TUIs) in JavaScript 2: forms!
Favicon
[Boost]
Favicon
Cómo Iniciar y Crecer como Desarrollador Frontend en 2025
Favicon
Filling a 10 Million Image Grid with PHP for Internet History
Favicon
Chronicles of Supermarket website
Favicon
Building bun-tastic: A Fast, High-Performance Static Site Server (OSS)
Favicon
Easy development environments with Nix and Nix flakes!
Favicon
My React Journey: Project
Favicon
Boost Your Productivity with Momentum Builder: A Web App to Overcome Procrastination and Track Progress
Favicon
Что делает React Compiler?
Favicon
Day 04: Docker Compose: Managing multi-container applications
Favicon
Setup Shopify GraphQL Admin API Client in Hydrogen
Favicon
The Language Server Protocol - Building DBChat (Part 5)
Favicon
How to Use JavaScript to Reduce HTML Code: A Simple Example
Favicon
From Bootcamp to Senior Engineer: Growing, Learning, and Feeling Green
Favicon
📝✨ClearText
Favicon
Habit Tracker: A Web Application to Track Your Daily Habits
Favicon
Impostor syndrome website: Copilot 1-Day Build Challenge
Favicon
Easy Discount Calculation: Tax, Fees & Discount Percentage Explained
Favicon
Example of using Late Static Binding in PHP.
Favicon
Top 5 Python Scripts to Automate Your Daily Tasks: Boost Productivity with Automation

Featured ones: