Nuvaa Focus

Nuvaa Focus is a focus timer app designed to help users stay focused and manage their time effectively. It offers a clean, distraction-free interface and a range of features to optimize productivity, including customizable timers, task management, and ADHD-friendly themes.

✨ Features

Focus Timer

• Focus Time - Track focused work sessions
• Short Break - Set a short break after each focus session
• Long Break - Take a longer break after a set number of focus sessions
• Custom Time - Customize focus and break durations to fit your preferences
• Auto-Continue - Automatically transition between focus, short break, and long break

Task Management

• Add Tasks - Create new tasks
• Edit Tasks - Update existing task details
• Delete Tasks - Remove tasks from your list
• Mark as Complete - Track completed tasks
• Current Task Highlighting - See your active task while focusing

Stopwatch & Time Display

• Stopwatch Mode - Track time outside of focus mode
• Regular Clock - Display current time in the interface

Themes

• Choose between soft, ADHD-friendly color themes to personalize your experience

Persistent Storage

• Local Storage - All settings, tasks, and preferences are saved in your browser
• State Management - Powered by Redux Toolkit for consistent performance

🛠 Tech Stack

• Next.js 15.3+ - React framework with App Router (SSR/SSG support)
• Redux Toolkit - Modern state management
• Styled Components - CSS-in-JS for custom theming
• Lucide - Icon library
• @dnd-kit/core + @dnd-kit/sortable - Drag-and-drop support for task management
• React Select - Select Input control for ReactJS

Additional resources

• Neumorphism - Generate neumorphic designs

🚀 Getting Started

Prerequisites

• Node.js and npm (or Yarn) installed on your machine

Installation

git clone https://github.com/your-username/nuvaa-focus.git cd nuvaa-focus

Install dependencies

npm install or yarn install

Start Development

npm run dev or yarn dev

Open http://localhost:3000 to view it in your browser.

Available Scripts

• npm run dev # Start development server
• npm run build # Build the app for production
• npm run start # Run the app in production mode
• npm run lint # Run ESLint for code checking

📝 Branch Naming Rules

Please follow these naming conventions for branches:

• feature/<short-description> - For new features
  Example: feature/login-form, feature/add-theme-switcher

• bugfix/<short-description> - For fixing bugs
  Example: bugfix/fix-login-crash, bugfix/missing-icon

• hotfix/<short-description> - For quick critical fixes
  Example: hotfix/fix-deploy-error

• refactor/<short-description> - For improving code without changing behavior
  Example: refactor/cleanup-utils, refactor/rewrite-auth

• chore/<short-description> - For non-feature tasks like updating dependencies
  Example: chore/update-eslint, chore/rename-files

🚫 License & Usage Notice

This project is protected under the CC BY-NC-ND 4.0 License.

• ❌ You may NOT use this code for any commercial purpose (e.g. selling it, using it in paid products, services, or apps).
• ❌ You may NOT copy, modify, or redistribute this project under your name or brand.
• ❌ You may NOT remove my credits or claim this project as your own.

📣 Unauthorized use, including reuploads or commercial usage, may lead to takedown actions, DMCA reports, and legal steps under international copyright law.

I actively monitor this project across platforms. Violations will be handled seriously.