Skip to content

AvigailLaing/pomopink

Repository files navigation

💌 pomopink | daily task tracker

A dreamy, cozy, and high-performance productivity space designed for mindful focus.

Website Version React 19 Tailwind CSS AI Gemini Flash


pomopink. the task manager that allows you to romanticize productivity.



Pomopink Home Page

✨ Key Features

🕒 Aesthetic Pomodoro Timer

  • Three Modes: Seamlessly switch between Work (25m), Short Break (5m), and Long Break (15m).
  • Visual Progress: A custom SVG circular progress ring that tracks your focus time with smooth animations.
  • Smart Transitions: Automatically handles mode switching and notifies you with gentle, crystalline chimes.

✅ Power Checklist & Subtasks

  • Task Hierarchy: Break down big goals into manageable subtasks.
  • Progress Tracking: Real-time progress bar that changes from pink to emerald once you reach 100%.
  • Celebration Engine: A custom physics-based confetti burst greets you when you clear your daily list.

🪄 AI Motivational Cheers

  • Gemini-Powered: Uses Google’s Gemini 3 Flash to generate short, sweet, and unique cheers based on your remaining task count.
  • Smart Cooldowns: Built-in rate limiting and cooldown logic to ensure the AI remains a special treat, not a distraction.

📝 Cozy Notes Section

  • Thought Dump: A dedicated space for reflections, reminders, or scribbles.
  • Autosave: Everything you write is saved instantly to local storage—your heart’s work is never lost.

📊 Daily Summary Dashboard

  • PDF Export: Generate a professional, high-resolution daily summary of your stats, completed goals, and notes.
  • Daily Stats: Tracks focused minutes, pomodoros completed, and "goals smashed" throughout the day.

Daily Summary Dashboard


🎨 Design Philosophy

  • The Aura Heart: A multi-layered radial gradient background that creates a "breathing" baby-pink aura effect using CSS animations.
  • Soundscape: Custom crystalline "pings" and "pops" built using the Web Audio API (no heavy audio files to load).
  • Glassmorphism: Soft white overlays with heavy backdrop blurs to keep the UI light and dreamy.

🛠️ Tech Stack

  • Frontend: React 19 + TypeScript
  • Styling: Tailwind CSS (Custom extended pink palette)
  • Icons: Lucide React
  • AI Integration: Google @google/genai (Gemini 3 Flash)
  • PDF Engine: html2canvas & jsPDF
  • State: LocalStorage for persistence (offline-first design)

💌 Credits

Built with 💖 by Avigail Laing

📄 License

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


“Stay focused, stay cozy.” 🍓✨

About

A cuter pomodoro timer

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors