https://github.com/fberrez/minihabits-web

🌱 A sleek and minimalist habit tracking web application built with React and TypeScript. Features intuitive habit management, streak tracking, beautiful heatmaps, and real-time statistics. Clean, modern, and user-friendly.
https://github.com/fberrez/minihabits-web

frontend habit-tracker heatmap jwt-authentication minimalist personal-development productivity react shadcn-ui statistics typescript vite web-app

Last synced: 7 days ago
JSON representation

🌱 A sleek and minimalist habit tracking web application built with React and TypeScript. Features intuitive habit management, streak tracking, beautiful heatmaps, and real-time statistics. Clean, modern, and user-friendly.

• Host: GitHub
• URL: https://github.com/fberrez/minihabits-web
• Owner: fberrez
• Created: 2025-01-09T13:26:30.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2025-01-23T20:35:12.000Z (9 months ago)
• Last Synced: 2025-01-23T21:28:16.153Z (9 months ago)
• Topics: frontend, habit-tracker, heatmap, jwt-authentication, minimalist, personal-development, productivity, react, shadcn-ui, statistics, typescript, vite, web-app
• Language: TypeScript
• Homepage: https://minihabits.fberrez.co
• Size: 215 KB
• Stars: 5
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# minihabits (DEPRECATED)

> **⚠️ This repository is deprecated.**

>

> The minihabits frontend has moved to the [monorepo at github.com/fberrez/minihabits](https://github.com/fberrez/minihabits).

>

> Please use the monorepo for all future development, issues, and contributions.

---

A minimalist habit tracking application built with React that helps users build and maintain daily habits through simple, visual tracking.

## Features

- �� Track daily habits and tasks

  - Task descriptions and color coding

  - Quick task completion with undo option

- ✨ Celebratory confetti animations for completed habits

- 📊 Detailed statistics and visualizations

  - Current and longest streaks

  - Monthly calendar view

  - Yearly completion overview

  - Monthly completion trends

- 🌙 Dark mode support

- 📱 Responsive design

- 🔒 User authentication

## Tech Stack

- **Frontend Framework**: React with TypeScript

- **Routing**: React Router

- **Styling**: Tailwind CSS

- **UI Components**: Shadcn/ui

- **Charts**: Recharts

- **Date Handling**: date-fns, moment

- **Calendar**: react-day-picker

- **Animations**: js-confetti

## Getting Started