Tasky

A minimalist, aesthetic to-do application designed to help you focus and get things done. Built with React, Tailwind CSS, and Framer Motion.

✨ Features

• Minimalist Design: Clean, Apple-inspired interface with glassmorphism effects.
• Focus Mode: Enter a distraction-free mode to concentrate on a single task.
• Fluid Animations: Smooth transitions and micro-interactions powered by Framer Motion.
• Sound Effects: Satisfying audio feedback for actions (completion, deletion, etc.).
• Dark Mode: Fully supported dark and light themes.
• Drag & Drop: Easily reorder your tasks to prioritize your day.
• Local Storage: Your tasks and preferences are saved automatically to your browser.

🛠️ Tech Stack

• Framework: React 19
• Build Tool: Vite
• Styling: Tailwind CSS
• Animations: Framer Motion
• Icons: Lucide React
• Date Handling: date-fns

🚀 Getting Started

1. Clone the repository

   git clone https://github.com/yourusername/tasky.git
   cd tasky

2. Install dependencies

   npm install

3. Start the development server

   npm run dev

4. Build for production

   npm run build

📂 Project Structure

src/
├── components/      # React components (UI, TaskList, FocusMode, etc.)
├── hooks/           # Custom hooks (use-sounds, etc.)
├── lib/             # Utility functions
├── App.jsx          # Main application component
└── index.css        # Global styles and Tailwind directives

📄 License

MIT