TodoHaven

A beautiful and feature-rich todo application built with React, TypeScript, and Tailwind CSS. TodoHaven helps students and professionals manage their tasks efficiently with a modern, responsive interface and dark/light theme support.

Features

• ✨ Beautiful, modern UI with smooth animations
• 🌓 Dark and light theme support
• 📱 Fully responsive design
• 🏷️ Task categorization (Work, Study, Personal)
• 🎯 Priority levels
• 📅 Due date support
• 🔍 Filter tasks by status and category
• 💾 Persistent storage using localStorage

Prerequisites

Before running the project, make sure you have the following installed:

• Node.js (version 14 or higher)
• npm (usually comes with Node.js)

Getting Started

1. Clone the repository:

git clone <repository-url>
cd todohaven

2. Install dependencies:

npm install

3. Start the development server:

npm run dev

4. Open your browser and visit:

http://localhost:3000

Available Scripts

• npm run dev - Starts the development server
• npm run build - Builds the app for production
• npm run preview - Previews the production build locally
• npm run lint - Runs ESLint to check code quality

Project Structure

todohaven/
├── src/
│   ├── components/     # React components
│   ├── hooks/         # Custom React hooks
│   ├── types/         # TypeScript type definitions
│   ├── App.tsx        # Main application component
│   ├── main.tsx       # Application entry point
│   └── index.css      # Global styles
├── public/            # Static assets
└── package.json       # Project dependencies and scripts

Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add some amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

License

This project is licensed under the MIT License - see the LICENSE file for details.