HabitBox - Habit Tracker

HabitBox is a modern and stylish habit tracking application built to help you stay consistent and achieve your goals.

View demo

Features

  • Create & Manage Habits: Easily add new habits with custom names, descriptions, icons, and colors.
  • Daily Tracking: Mark habits as complete for the day with a single click.
  • Visual Feedback: A 90-day grid visually represents your progress for each habit.
  • Modern UI: A clean and dark-themed user interface.

How it works

This is a full-stack web application built with:

  • Deno: A modern and secure runtime for JavaScript and TypeScript.
  • Hono: A small, simple, and ultrafast web framework for the edge.
  • React: A JavaScript library for building user interfaces.
  • SQLite: A C-language library that implements a small, fast, self-contained, high-reliability, full-featured, SQL database engine.

The server.tsx file is the main server that handles API requests and serves the React application. The client.tsx file hydrates the application on the client-side. The routes and UI components are defined in routes.tsx.