Focus is a premium, open-source productivity application designed to help you stay in the zone. Built with a stunning glassmorphism aesthetic, it combines essential tools like a Pomodoro timer, task management, ambient sounds, and syllabus tracking into one seamless experience.
- Mode-Aware Resets: Timer intelligently resets based on your current session (Focus, Short Break, or Long Break).
- Auto-Switch: Automatically transition between focus and break sessions to maintain your flow.
- Notification Sounds: Stay alerted with premium audio cues when your session ends.
- Mini Timer Mode: Keep your focus in a dedicated floating window.
- Clean Audio Switching: High-performance audio engine prevents sound overlays and ensures instant transitions.
- Diverse Soundscapes: From "Rainy Cafe" to "Deep Space," choose the perfect background for your work.
- Spotify Integration: Embed your favorite productivity playlists directly into the dashboard.
- Syllabus Tracker: Manage your subjects and track chapter-wise progress with visual progress bars.
- Study Logs: Log your study hours and see your performance rankings (Beginner to Excellent).
- Motivational Cues: Daily rotating motivational quotes to keep you inspired.
- Glassmorphism Design: High-end aesthetic with beautiful blurs and vibrant gradients.
- Dynamic Backgrounds: Choose from a curated list of anime, nature, and study-themed backgrounds, or upload your own.
- Responsive & Fullscreen: Optimized for different screen sizes with a dedicated distraction-free fullscreen mode.
- Framework: Next.js 15 (App Router, Turbopack)
- Language: TypeScript
- Database: MongoDB
- Styling: Tailwind CSS
- Authentication: JWT-based auth with the
joselibrary - Icons: Custom SVG icons and Lucide-inspired components
- Node.js 18+
- MongoDB instance (Atlas or local)
-
Clone the Repo
git clone https://github.com/friday2su/Focus.git cd Focus -
Install Dependencies
npm install
-
Environment Setup Create a
.env.localfile in the root directory:JWT_SECRET=your_strong_secret_here MONGODB_URI=your_mongodb_connection_string MONGODB_DB=focus
-
Run Development Mode
npm run dev
Visit http://localhost:3000 to see it in action.
- Fixed: Sound overlay bug where multiple ambient sounds would play simultaneously.
- Fixed: Timer reset logic now correctly follows the active mode's duration.
- New: Integrated Open Source Announcement modal for new users.
- Improved: Mobile responsiveness for the syllabus tracker and study logs.
We love contributions! Whether it's fixing a bug, adding a new soundscape, or improving the UI.
Distributed under the MIT License. See LICENSE for more information.
Built with ❤️ by FRIDAY