/tasky

a task management *angular* application

Primary LanguageTypeScript

Tasky📔 - Task Management Angular App

Tasky📔 is a user-friendly task management web application built using Angular. It allows users to efficiently organize their tasks with various details such as title, description, due date, and priority level. The application offers an intuitive interface to add, update, edit, and delete tasks seamlessly. Tasky📔 supports data export to a CSV file, making it convenient to keep a backup or share task data with others.

Live Demo

Check out the live demo of Tasky📔 here.

Features

  • User-Friendly Interface: Tasky📔 offers an intuitive and easy-to-use interface, enabling users to manage their tasks efficiently.

  • Add and Update Tasks: Users can add new tasks with all necessary details like title, description, due date, and priority level. Additionally, they can update the status of tasks, marking them as to-do, in-progress, or completed.

  • Edit and Delete Tasks: Tasky📔 allows users to modify task details or delete tasks entirely, providing complete control over task management.

  • List View and Sorting: The application displays tasks in a list view, enabling users to get a comprehensive overview of their tasks. Moreover, tasks can be sorted based on due date, priority, or status, facilitating better organization.

  • Responsive Design: Tasky📔 is designed to be fully responsive and optimized for both desktop and mobile devices, ensuring a seamless experience across various platforms.

  • CSV Export: The application supports the export of tasks to a CSV file. This feature proves handy for creating backups or sharing task data with others.

  • Data Persistence: To ensure data persistence, Tasky📔 uses local storage. This means your tasks will be saved locally on your device, even if you close the browser or refresh the page.

How to Use

  1. Add a New Task: To add a new task, click on the "Add Task" button and fill in the required details, such as title, description, due date, and priority level.

  2. Update Task Status: Once you've added tasks, you can update their status by clicking on the corresponding task and selecting the desired status (to-do, in-progress, completed).

  3. Edit or Delete Task: If you need to make changes to a task or remove it, click on the task in the list view, and you'll find options to edit or delete it.

  4. Sorting Tasks: Use the sorting options provided to arrange tasks based on their due date, priority, or status, allowing you to focus on what matters most.

  5. CSV Export: To export tasks to a CSV file, locate the export option within the application. Clicking on it will prompt you to download the CSV file with all your task data.

Getting Started with Development

If you're interested in contributing to Tasky📔 or want to set it up locally for development, follow these steps:

  1. Prerequisites: Make sure you have Node.js and Angular CLI installed on your system.

  2. Clone the Repository: Clone the Tasky📔 repository to your local machine using Git.

git clone https://github.com/arvindpndit/tasky.git
  1. Install Dependencies: Navigate to the project folder and install the necessary dependencies.
cd tasky
npm install
  1. Run the Application: Start the development server and run Tasky📔 on your local machine.
ng serve
  1. Access the Application: Open your web browser and visit http://localhost:4200/ to access Tasky📔 locally.

Feedback and Support

If you encounter any issues while using Tasky📔 or have any suggestions for improvement, please feel free to submit an issue. We welcome your feedback and would be happy to assist with any queries.

Happy task management with Tasky📔!