Habit Tracking Website

This project was made a solution for the Module 2, Sprint 3 of Turing College's curriculum, this website provides an intuitive interface for users to manage and track their daily habits. A central theme of the project was to explore the capabilities of Vue.js, leveraging the power of Vue 3 combined with the Vite bundler for an efficient development experience.

Live version

https://mt-habit-tracking.netlify.app

Technologies

• Framework: Vue 3
• Bundler: Vite
• Language: JavaScript
• Linting and Formatting: ESLint, Prettier, and Stylelint

Features

• Habit Management: This website allows users to seamlessly:
  • Add habits to the calendar.
  • Edit the name of existing habits.
  • Stop tracking a habit from a certain point onward.
  • Delete a habit entirely, removing all its daily records.

Getting Started

Project Setup

1. Install the required packages:

   npm install

2. Run the application in development mode:

   npm run dev

3. Compile and prepare the application for production deployment:

   npm run build

4. Linting and Code Quality:

   • For JavaScript code with ESLint:

     npm run lint

   • For styles with Stylelint:

     npm run stylelint

   • Formatting code with Prettier:

     npm run format