A minimalist Pomodoro timer and focus app with integrated YouTube music player and dynamic background effects.
- Minimalist Pomodoro timer (25-minute focus sessions)
- Integrated YouTube music player with lofi playlist
- Dark/Light theme toggle
- Dynamic background effects based on current playing video
- Responsive design with minimized state
- Real-time clock and location displ 8000 ay
- Week number and date display
- Added minimized state with compact timer display
- Improved blur effects and transitions
- Fixed video background loading issues
- Added next random track functionality
- Improved marquee animation for song titles
- Enhanced mobile responsiveness
- Custom timer durations
- Multiple timer types (Pomodoro, Short Break, Long Break)
- Sound notifications when timer ends
- Local storage for settings persistence
- Custom YouTube playlist support
- Keyboard shortcuts
- Progress statistics
- Task list integration
- Browser notifications
- PWA support for offline use
- Cloud sync across devices
- Custom themes and backgrounds
- Advanced statistics and insights
- Focus score and streaks
- Integration with productivity apps
- Multiple playlist support
- Custom sound effects
- Priority support
- Ad-free experience
- Team/Group focus sessions
- Video background occasionally shows default thumbnail on random track change
- Marquee animation needs optimization for very long titles
- Timer state persistence needed across page refreshes
- Add timer customization
- Implement sound notifications
- Add local storage support
- Improve mobile experience
- User accounts
- Focus groups
- Shared playlists
- Social statistics
- Subscription system
- Advanced analytics
- Custom themes
- API integrations
-
Premium Subscriptions
- Individual: $5/month
- Team: $12/month (up to 5 users)
- Enterprise: Custom pricing
-
One-Time Purchases
- Custom theme packs
- Sound effect bundles
- Premium playlist curations
-
Team/Enterprise Features
- Team focus sessions
- Analytics dashboard
- Admin controls
- Custom branding
- Need to implement proper state management (Redux/Zustand)
- Optimize YouTube API calls
- Add proper error boundaries
- Implement comprehensive testing
- Add proper loading states
Currently, this is a personal project. However, if you'd like to contribute:
- Fork the repository
- Create your feature branch (
git checkout -b feature/NewFeature) - Commit your changes (
git commit -m 'Add some NewFeature') - Push to the branch (
git push origin feature/NewFeature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE.md file for details
- Next.js 13 App Router
- Tailwind CSS
- Shadcn/ui
- YouTube IFrame Player API
- Lucide Icons
Amey Ambade - @ameyxd
Project Link: https://github.com/ameyxd/focus-app
This is a Next.js project bootstrapped with create-next-app.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.