Skip to content

babatezpur/HabitTracker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

4 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐ŸŒŸ Daily Habit Tracker

Habit Tracker TypeScript Zustand Status

Transform your daily routine with beautiful habit tracking โœจ

Build consistent habits โ€ข Track your progress โ€ข Celebrate your streaks


๐ŸŽฏ What is Daily Habit Tracker?

A beautifully designed React Native app that helps you build and maintain daily habits through visual progress tracking, motivating streak counters, and gentle daily reminders.

Whether you want to drink more water ๐Ÿ’ง, exercise regularly ๐Ÿ’ช, read daily ๐Ÿ“š, or meditate ๐Ÿง˜โ€โ™€๏ธ - this app makes habit building engaging and rewarding.

โœจ Key Features

๐Ÿ  Smart Home Dashboard

  • Today's date with elegant formatting
  • Visual progress bar showing daily completion percentage
  • Habit cards with emoji icons and streak counters
  • Satisfying animations when checking off habits
  • Motivational messages when you complete all habits

๐Ÿ“Š Detailed Progress Tracking

  • Weekly completion trends with custom bar charts
  • Streak statistics showing your best performance
  • Completion calendar with visual indicators
  • Achievement celebrations for consistent habits

โš™๏ธ Personalized Settings

  • Profile picture support with camera/gallery integration
  • Custom habit creation with emoji selection
  • Habit management (edit/delete existing habits)
  • Smart notifications toggle (6 PM daily reminders)

๐Ÿ”ฅ Engaging Animations

  • Pulsing streak counters when habits are active
  • Smooth progress animations that respond to your actions
  • Bounce effects on habit interactions
  • Satisfying checkmark animations

๐ŸŽจ Design Philosophy

Clean & Modern UI

  • Material Design inspired interface
  • Consistent color scheme with green accents
  • Smooth animations and transitions
  • Intuitive navigation with bottom tabs

User-Centric Experience

  • One-tap habit completion - no complex menus
  • Visual feedback for every interaction
  • Motivational design elements to keep you engaged
  • Offline-first - works without internet connection

๐Ÿ› ๏ธ Technical Highlights

State Management

  • Zustand for lightweight, TypeScript-friendly state management
  • AsyncStorage for local data persistence
  • Custom hooks for reusable habit logic

Performance Optimized

  • React Native Animated API for smooth 60fps animations
  • Efficient re-rendering with proper state management
  • Native performance on both iOS and Android

Privacy-First

  • Local-only data storage - no external servers
  • No tracking or analytics
  • Camera permissions only when needed
  • Offline notifications without Firebase dependencies

๐Ÿ“ฑ Screenshots

๐Ÿ  Home Screen

Track your daily habits with beautiful progress indicators and streak counters

Home Screen

๐Ÿ“Š Progress Screen

Visualize your weekly completion trends and habit statistics

Progress Screen

โš™๏ธ Settings Screen

Manage your profile, habits, and notification preferences

Settings Screen

๐Ÿš€ Quick Start

Prerequisites

  • React Native development environment
  • Node.js 18+
  • Android Studio or Xcode

Installation

# Clone the repository
git clone https://github.com/babatezpur/HabitTracker.git

# Navigate to project directory
cd HabitTracker

# Install dependencies
npm install

# Run on Android
npm run android

# Run on iOS
npm run ios

๐ŸŽฏ Core Habit Loop

  1. ๐Ÿ“ Set Your Habits - Add custom habits with meaningful emojis
  2. โœ… Daily Check-ins - Mark habits complete with satisfying animations
  3. ๐Ÿ”ฅ Build Streaks - Watch your consistency grow day by day
  4. ๐Ÿ“Š Track Progress - Visualize your improvement over time
  5. ๐ŸŽ‰ Celebrate Wins - Get motivated by your achievements

๐Ÿง  Psychology Behind the App

  • Visual Progress triggers dopamine release
  • Streak Counters leverage loss aversion psychology
  • Daily Reminders create consistent triggers
  • Celebration Animations reinforce positive behavior
  • Weekly Overviews provide long-term perspective

๐Ÿ”ฎ Future Enhancements

  • ๐Ÿ† Achievement System with badges and milestones
  • ๐Ÿ“ˆ Advanced Analytics with habit correlation insights
  • ๐Ÿ‘ฅ Social Features for accountability partners
  • ๐ŸŽจ Theme Customization with dark mode support
  • ๐Ÿ“ฑ Widget Support for home screen quick access

๐Ÿค Contributing

We welcome contributions! Whether it's:

  • ๐Ÿ› Bug fixes
  • โœจ New features
  • ๐Ÿ“š Documentation improvements
  • ๐ŸŽจ UI/UX enhancements

Feel free to open issues or submit pull requests.

๐Ÿ“„ License

MIT License - feel free to use this project for personal or commercial purposes.


Built with โค๏ธ and assistance from Claude AI

Start building better habits today! ๐ŸŒŸ

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors