harshjuly12 / Task-Manager-App-Using-Mantine-UI

A modern and intuitive application built with Mantine UI for managing tasks efficiently. It offers features like task creation, editing, deletion, and categorization. The app aims to enhance productivity with a clean and responsive interface.

Task-Manager-App-Using-Mantine-UI

Table of Contents

1. Introduction
2. Features
3. Technologies Used
4. Installation
5. Usage
6. Contributing
7. License
8. Author

Introduction

This Task Manager App is a simple yet powerful tool for managing your daily tasks. Built using React and Mantine UI components, it allows you to add, view, and delete tasks with ease. The app also supports dark and light mode, which can be toggled using a keyboard shortcut.

Features

• Add, view, and delete tasks
• Dark and light mode support
• Persistent storage using local storage
• Responsive and modern UI using Mantine components

Technologies Used

• React
• Mantine UI
• Local Storage
• Tabler Icons

Installation

1. Clone the repository:

   git clone https://github.com/your-username/Task-Manager-App.git
   cd Task-Manager-App

2. Install the dependencies:

   npm install

3. Start the development server:

   npm start

Usage

1. Open the app in your browser:

   http://localhost:3000

2. Add a new task by clicking the "New Task" button and filling out the form.
3. View and manage your tasks in the main task list.
4. Toggle between dark and light mode using the keyboard shortcut mod+J.

Contributing

Contributions are welcome! Please open an issue or submit a pull request for any improvements or bug fixes.

License

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

Author

For any questions or suggestions, please contact:

• Harsh Singh: [e-mail]
• GitHub: harshjuly12