Empowering students with focus, balance, and productivity
Focus4Good Pro is a modern, responsive web application designed to help students and young people manage their tasks, improve focus, and reduce stress through healthy study habits. It combines productivity tools, a Pomodoro timer, and a user-friendly interface with dark/light mode and accessibility features.
Students often struggle with:
- Poor time management and procrastination
- Difficulty focusing during study sessions
- Stress and burnout due to academic workload
Focus4Good Pro addresses these issues by providing a simple, privacy-first tool to organize tasks and encourage focused study sessions.
- Task management: Add, delete, and save tasks locally
- Pomodoro-style Focus Timer: 25-minute focus sessions with alerts
- Dark/Light Mode: Animated SVG icons (moon 🌙 / sun ☀️)
- Responsive design: Works on mobile, tablet, and desktop
- Accessibility: ARIA labels, high contrast, and font scalability
- Social Impact: Encourages better focus habits, reduces stress, supports student productivity
- Add and delete tasks with local storage persistence
- Focus timer with start/reset functionality
- Dark/Light theme toggle with animation
- Auto dark mode based on system time (18:00–6:00)
- Responsive layout (mobile-first design)
- Modern UI with Glassmorphism cards and smooth transitions
- Accessibility enhancements (ARIA attributes, live regions)
- Social Impact messaging to encourage positive behavior
- Helps students manage time effectively
- Reduces academic stress and improves mental health
- Free and privacy-first (no cloud storage or personal data collected)
- Supports remote learners or students with limited access to productivity tools
| Light Mode | Dark Mode | Mobile View |
|---|---|---|
![]() |
![]() |
![]() |
- HTML5 – Structure and semantic markup
- CSS3 – Responsive design, animations, Glassmorphism
- JavaScript (Vanilla) – Task management, timer, theme toggle
- LocalStorage – Save tasks locally, no external database
- Clone the repository:
git clone https://github.com/yourusername/Focus4Good-Pro.git


