Monthly Todo Planner 🗓️

A sophisticated 30-day progress tracker and habit builder designed with a modern Liquid Glass UI (iOS 26+ style). This application helps users maintain consistency through structured weekly tasks and automated daily habit tracking.

📥 Download APK

Or click here: 👉 https://monthly-todo-planner.netlify.app/todo.apk

🌟 Key Features

• Daily Habit Tracking: Monitor your routines with a 30-day visual history grid.
• Weekly Task Management: Breakdown your month into 4 clear, actionable weeks.
• Dynamic Progress Visualization: Real-time progress bar reflecting your completion status.
• Smart Reminders: Customizable notification system to keep you accountable.
• Liquid Glass Interface: A premium, frosted-glass aesthetic with fluid animations and haptic feedback.
• Data Privacy: All progress and settings are stored locally on your device.

🚀 Getting Started

Prerequisites

• Node.js: v18.0.0 or higher
• npm: v9.0.0 or higher
• Expo Go: Available on iOS App Store and Google Play Store for physical device testing.

Installation

1. Clone the Repository

   git clone https://github.com/Atifhasan250/monthly-todo-planner.git
   cd monthly-todo-planner

2. Install Dependencies

   npm install

3. Launch the Development Server

   npm run expo:dev

Running the App

• Mobile (Recommended): Scan the QR code displayed in your terminal using the Expo Go app.
• Web: Press w in the terminal to open the application in your default browser.
• Android/iOS Simulators: Press a or i respectively (requires local setup).

🛠️ Tech Stack

• Frontend: React Native & Expo
• Navigation: React Navigation 7
• State Management: React Hooks & TanStack Query
• Animations: React Native Reanimated
• Storage: AsyncStorage (Local Persistence)
• UI Components: custom-themed components with expo-glass-effect

📄 License

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

👨‍💻 Developer

Developed by Atif Hasan.

• Portfolio: atifs-info.vercel.app
• Instagram: @atif_hasan