TaskMaster

A modern task management application built with React, TypeScript, and Material-UI

Demo · Report Bug · Request Feature

🌐 Live Demo: TaskMaster App

✨ Features

• 📝 Intuitive Task Management: Create, edit, and organize tasks effortlessly
• 🎨 Theme Customization: Switch between light and dark modes
• 💾 Data Persistence: Tasks and preferences saved locally using Redux Persist
• 📱 Responsive Design: Seamless experience across all devices
• 🚀 Modern Stack: Built with the latest web technologies
• 🔒 Type-Safe: Powered by TypeScript for enhanced reliability

🛠️ Built With

• 
• 
• 
• 
• 
• 

🚀 Getting Started

Prerequisites

• Node.js (version 16 or higher)
• npm or yarn

Installation

1. Clone the repository

git clone https://github.com/dibya-the-coder/Todo-Application.git

2. Install dependencies

cd taskmaster
npm install

3. Start the development server

npm run dev

📖 Usage

1. Add a Task: Click the "Add Todo" button to create a new task
2. Manage Tasks: View and edit your tasks in the Todo List
3. Toggle Theme: Switch between light and dark modes using the theme toggle
4. Track Progress: Monitor your task completion status

🏗️ Project Structure

taskmaster/
├── src/
│   ├── components/     # Reusable UI components
│   ├── pages/         # Page components
│   ├── store/         # Redux store setup
│   ├── types/         # TypeScript definitions
│   └── utils/         # Helper functions
├── public/            # Static assets
└── ...config files

🌟 Key Features Explained

Task Management

• Create, edit, and delete tasks
• Set task priorities
• Mark tasks as complete
• Filter and sort tasks

Data Persistence

• Local storage using Redux Persist
• Automatic state saving
• Session recovery

Theme System

• Light and dark mode support
• Smooth theme transitions
• Persistent theme preference

🤝 Contributing

Contributions are welcome! Feel free to check our Contributing Guide.

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

📝 License

Distributed under the MIT License. See LICENSE for more information.

👤 Contact

Your Name - GitHub

_{Built with ❤️ by Dibya Ranjan Rout}