Skip to content

s80833/focus-timer-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

3 Commits
Β 
Β 
Β 
Β 

Repository files navigation

🎯 Focus Timer App

A minimalist and cozy focus timer web app designed to help students and self-learners stay productive.
Runs entirely in the browser with no installation or dependencies.


πŸ“Œ Overview

Focus Timer is a web-based productivity tool inspired by the Pomodoro technique. It helps users focus during study or work sessions while keeping the interface simple and calming.

The app combines a timer, a friendly visual companion, and a task management system to promote efficient and enjoyable study sessions.


✨ Features

⏱️ Focus Timer

  • Start, pause, and reset countdown timer
  • Configurable session duration
  • Audio alert when the timer ends

πŸ“ To-Do List

  • Add tasks with an input field
  • Click tasks to mark as completed (strike-through)
  • Clear all tasks with one button
  • Tasks are saved in LocalStorage and persist after refresh

🐾 Study Companion

  • Large, friendly emoji in the center of the screen (e.g., 🦊 or 🐱)
  • Creates a cozy, engaging study environment

🎨 Lofi Design

  • Soft pastel color palette
  • Clean, distraction-free interface
  • Responsive layout for desktop and mobile

πŸ› οΈ Technology

  • HTML5 β€” Structure
  • CSS3 β€” Styling
  • JavaScript β€” Timer & task logic
  • LocalStorage API β€” Persistent task storage

No frameworks or external libraries required.


πŸš€ Usage

  1. Open index.html in any modern browser
  2. Set your desired focus session duration
  3. Start the timer and focus on your tasks
  4. Add tasks to your to-do list and track your progress

πŸ“ Project Structure

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages