Skip to content

MomenElsayedDev/Focus-For-Good-Pro

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌟 Focus4Good Pro

Focus4Good Pro

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.


🎯 Problem

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.


✨ Solution

  • 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

🛠 Features

  • 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

🌱 Social Impact

  • 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

📸 Screenshots

Light Mode Dark Mode Mobile View
Light Dark Mobile

🚀 Live Demo

Live Demo


🛠 Tech Stack

  • HTML5 – Structure and semantic markup
  • CSS3 – Responsive design, animations, Glassmorphism
  • JavaScript (Vanilla) – Task management, timer, theme toggle
  • LocalStorage – Save tasks locally, no external database

🧩 How to Run Locally

  1. Clone the repository:
git clone https://github.com/yourusername/Focus4Good-Pro.git

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors