habit-builder Svelte Themes

Habit Builder

A minimalist habit tracking app built with Svelte and Vite. Track daily habits, filter by status, and build consistent routines with a clean, responsive interface.

Habit Builder

A modern habit tracking application built with Svelte 5 and Vite, designed to help you build positive habits and track your progress over time.

Features

  • Habit Tracking: Create, manage, and track your daily habits
  • Progress Visualization: See your habit completion trends over time
  • Customizable Categories: Organize habits by categories
  • Responsive Design: Works on mobile, tablet, and desktop devices

Getting Started

Prerequisites

  • Node.js 18 or later
  • npm or yarn

Installation

# Clone the repository
git clone https://github.com/Coraa-12/habit-builder.git

# Navigate to the project directory
cd habit-builder

# Install dependencies
npm install

Development

# Start the development server
npm run dev

The application will be available at http://localhost:5173.

Building for Production

# Build the application
npm run build

# Preview the production build
npm run preview

Technology Stack

  • Frontend Framework: Svelte 5
  • Build Tool: Vite 6
  • Testing: Vitest
  • Linting: ESLint with svelte-eslint-parser
  • Formatting: Prettier
  • CI/CD: GitHub Actions with automatic deployment to GitHub Pages

Deployment

The application is automatically deployed to GitHub Pages when changes are pushed to the main branch.

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

  1. Fork the repository
  2. Create your feature branch (git checkout -b feature/amazing-feature)
  3. Commit your changes (git commit -m 'Add some amazing feature')
  4. Push to the branch (git push origin feature/amazing-feature)
  5. Open a Pull Request

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

  • Inspired by habit tracking methodologies
  • Built with Svelte 5's latest reactivity model
  • Deployed with GitHub Pages

This project was created to help users build and maintain positive habits. Track your progress, stay accountable, and improve your life one habit at a time.

Top categories

svelte logo

Need a Svelte website built?

Hire a professional Svelte developer today.
Loading Svelte Themes