Habit Tracker with Animal Companion 🐾

A delightful habit tracking app featuring a cute animal companion that cheers you on every time you complete a task!

Features

  • šŸ“ Add and manage daily habits
  • 🐱 Cute animal companion that reacts to your progress
  • āœ… Mark habits as complete with celebratory animations
  • šŸ“Š Track your streak and completion stats
  • šŸ’¾ Persistent storage using SQLite

Project Structure

ā”œā”€ā”€ backend/
│   ā”œā”€ā”€ database/
│   │   ā”œā”€ā”€ migrations.ts    # Database schema setup
│   │   └── queries.ts       # Database query functions
│   └── index.ts             # Main Hono API server
ā”œā”€ā”€ frontend/
│   ā”œā”€ā”€ components/
│   │   ā”œā”€ā”€ App.tsx          # Main app component
│   │   ā”œā”€ā”€ AnimalCompanion.tsx  # Cute animal companion
│   │   ā”œā”€ā”€ HabitList.tsx    # Habit management
│   │   └── AddHabitForm.tsx # Form to add new habits
│   ā”œā”€ā”€ index.html           # Main HTML template
│   ā”œā”€ā”€ index.tsx            # Frontend entry point
│   └── style.css            # Custom styles
└── shared/
    └── types.ts             # Shared TypeScript types

API Endpoints

  • GET /api/habits - Get all habits
  • POST /api/habits - Create a new habit
  • PUT /api/habits/:id/complete - Mark habit as complete
  • DELETE /api/habits/:id - Delete a habit

Getting Started

The app will automatically set up the database on first run. Simply access the HTTP endpoint to start tracking your habits with your adorable animal companion!