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.

githubchallenge Article's
30 articles in total
Favicon
๐Ÿ“โœจClearText
Favicon
Impostor syndrome website: Copilot 1-Day Build Challenge
Favicon
Habit Tracker: A Web Application to Track Your Daily Habits
Favicon
Evolution By Sound
Favicon
Weekly Planner - API
Favicon
GitHub Copilot One Day Build Challenge: New Beginnings: An Integrated Productivity System
Favicon
Finding the Perfect Destination in 24 Hours: My GitHub Copilot 1-Day Build Challenge Experience
Favicon
Code Feeds for GitHub - AI Generated Instagram-style feeds
Favicon
Metamorphosis Tracker
Favicon
Labels for any occasion
Favicon
Goal Setter App
Favicon
โœจ Introducing Tooltip: A Revolutionary Suite of Developer Tools** โœจ
Favicon
ZenFlow: Unlock Productivity with Work, Yoga, and Meditation
Favicon
SkillBytes - Gamified learning process using AI
Favicon
GitHub Copilot Challenge: Transitions and Transformations
Favicon
Daily Reset - LordGeeOne
Favicon
Daily Reset - LordGeeOne
Favicon
Github Challenge: AI-Powered Property Price Chatbot in Under 4Hrs
Favicon
Personal Development Dashboard - A New Beginnings
Favicon
Building a Mini CMS for vCard โ€“ Personal Portfolio with GitHub Copilot
Favicon
ArtMorph - LordGeeOne
Favicon
Terraform-CodeGen0: A Terraform Code Generator
Favicon
SkyGreen: Your Flight's Carbon Footprint Calculator
Favicon
Text-to-Context.ai : AI tools to transform ideas to content
Favicon
Fresh Start :Notes Collection
Favicon
"How AI is Revolutionizing Crocheting: My Journey with Copilot and ChatGPT4"
Favicon
EcoStarter: Empowering Fresh Starts for a Sustainable Future
Favicon
Let's go, GitHub Hackathon.
Favicon
ุฎุง
Favicon
"Revolutionizing Web Design: My AI-Powered Journey with GitHub Copilot"

Featured ones: