ATTIHC is a modern, all-in-one productivity dashboard designed to help creators, developers, and professionals manage their time and tasks effectively. Built with performance and user experience in mind, it combines essential productivity tools into a single, seamless Progressive Web App (PWA).
- 🎯 Priority Matrix: Organize tasks using the Eisenhower Matrix method with drag-and-drop functionality.
- ⏱️ Focus Timer: Customizable Pomodoro timer to manage work sessions and breaks.
- 📝 Quick Notes: Capture thoughts instantly with a distraction-free note-taking interface.
- 💧 Water Tracker: Monitor daily hydration goals to stay healthy and focused.
- ✨ Daily Inspiration: Start your day with curated motivational quotes.
- 📊 History & Insights: Track your productivity trends and completed tasks over time.
- 📱 PWA Support: Fully installable on mobile (iOS/Android) and desktop for a native app experience.
- 🌗 Dark/Light Mode: Beautiful UI that adapts to your system preferences.
- ⌨️ Keyboard Shortcuts: Optimized for power users with global hotkeys.
- Framework: Next.js 16 (App Router)
- Language: TypeScript
- Styling: Tailwind CSS v4
- UI Primitives: Radix UI
- Icons: Lucide React
- Drag & Drop: @dnd-kit
- State Management: React Hooks & Local Storage
- Testing: Node.js Test Runner
Follow these steps to get the project running on your local machine.
- Node.js: Version 18.17 or higher
- npm: Installed with Node.js
-
Clone the repository
git clone https://github.com/Me-Kalyan/ATTIHC.git cd ATTIHC -
Install dependencies
npm install
-
Run the development server
npm run dev
-
Open your browser Navigate to http://localhost:3000 to see the application.
The application is designed to work out-of-the-box with minimal configuration. Data is currently persisted locally using browser localStorage, so no database setup is required for the initial version.
Currently, no .env file is strictly required for the core features to function.
The main dashboard provides a quick overview of your day, including your active timer, top priority tasks, and water intake.
(Place screenshot of dashboard here)
Drag and drop tasks between "Urgent & Important", "Schedule", "Delegate", and "Eliminate" quadrants.
(Place screenshot of priority matrix here)
ATTIHC is fully responsive. On mobile devices, add it to your home screen to use it as a standalone app.
Contributions are welcome! If you'd like to improve ATTIHC, please follow these steps:
- Fork the repository.
- Create a new branch (
git checkout -b feature/AmazingFeature). - Make your changes.
- Commit your changes (
git commit -m 'Add some AmazingFeature'). - Push to the branch (
git push origin feature/AmazingFeature). - Open a Pull Request.
Please ensure your code follows the existing style and conventions. Run npm run lint before submitting your PR.
This project is licensed under the MIT License - see the LICENSE file for details.
If you have any questions or suggestions, feel free to reach out:
- GitHub: Me-Kalyan
- Issues: Report a Bug
Built with ❤️ by Kalyan