eperez28
Focus Flow is a habit-tracking application designed to assist users, particularly those with ADHD, in managing and maintaining their daily and weekly habits. The app provides a user-friendly interface where users can add, track, and celebrate their progress on various habits. To use Focus Flow, users can start by adding habits through a dedicated dialog that allows them to specify the habit's name, description, frequency (daily, weekly, or custom), target completion count, and color coding for visual organization. Once habits are added, users can increment or decrement their progress, view their current streaks, and reset their daily progress as needed. The app also features a celebratory confetti animation that triggers when a habit is completed, providing positive reinforcement. The application is built using TypeScript and React, leveraging modern web technologies such as localStorage for persistent data storage, Tailwind CSS for styling, and Lucide icons for visual elements. Key features include: - Habit management: Users can create, update, and delete habits, as well as track their progress through a simple counter or a step-based system. - Progress visualization: The app displays overall progress through a progress bar and provides detailed statistics on completed tasks. - Customization: Users can choose colors for their habits and set specific targets for completion. - Responsive design: The app is designed to be mobile-friendly, ensuring accessibility across devices. - Celebration animations: Confetti animations enhance user engagement by celebrating completed habits. Overall, Focus Flow serves as a comprehensive tool for users looking to improve their habit-forming practices in a supportive and visually appealing environment.
No tags
Last Updated May 5, 2025