Skip to content

Latest commit

 

History

History
68 lines (54 loc) · 1.71 KB

README.md

File metadata and controls

68 lines (54 loc) · 1.71 KB

minihabits

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
    • One-time tasks with deadlines
    • 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

git clone https://github.com/fberrez/minihabits-web.git
cd minihabits
pnpm install
pnpm run dev

API available at https://github.com/fberrez/minihabits

Project Structure

src/
├── components/ # Reusable UI components
│ ├── habits/ # Habit-specific components
│ │ ├── task-habit-card.tsx
│ │ └── ...
├── contexts/ # React context providers
│ ├── AuthContext.tsx
│ └── HabitContext.tsx
├── pages/ # Main application pages
│ ├── HabitList.tsx
│ ├── NewTask.tsx
│ └── StatsPage.tsx
└── services/ # API service layer
└── habits.ts

Contributing

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

License

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