The Task Manager app constantly evolving to meet its full potential !

Please check online: https://task-manager-app-one.vercel.app/ If you run app in Google Chrome browser you can even install app (go to options and choose "Install Task Manager") on your device (IOS/Android/Windows...). And that's it you are ready to manage your tasks.

The Task Manager App is a simple yet powerful web application built using ReactJS that helps you manage your tasks and stay organized. With an intuitive user interface and essential features, this app is designed to streamline your task management process. The app employs local storage to store task data, allowing you to access and manage your tasks even after closing the browser.

Features:

Task List: The app provides a clean and organized list that displays all your tasks. This list makes it easy to see what tasks you have on your plate and what needs your attention.

Task Creation: Adding new tasks is a breeze. Simply type in the name of your task and hit enter or click the "Add Task" button. Your new task will be added to the list, complete with a date stamp.

Adding Task Notes: It's a quick and intuitive way to keep your task-related information organized.

Task Date: When you create a new task, the app automatically adds a date stamp to it. This helps you keep track of when the task was added or when it's due.

Task Status: You can categorize tasks with different statuses: New, Processing, or Done. Each status is visually distinct, making it easy to differentiate between tasks that are in progress and those that are completed.

Task Filtering: To streamline your task management, the app allows you to filter tasks based on their status. You can choose to view:

All Tasks: Displays all tasks regardless of their status.
New Tasks: Shows only tasks that are marked as "New."
Processing Tasks: Filters tasks that are in the "Processing" status.
Done Tasks: Focuses on tasks that have been marked as "Done."

Task Deletion: If you've completed a task or decided that it's no longer necessary, the app enables you to delete tasks with a simple click. This feature keeps your task list tidy and clutter-free.

The chart in Task Manager app provides a visual representation of task statuses, making it easy to see the distribution of tasks across "Done," "Processing," and "New" categories at a glance. It offers a quick overview of your task management progress, helping you stay organized and focused.

How to Run

Clone the Repository:

bash

git clone [https://github.com/GoldexDesign/Task-Manager-App.git] cd task-manager-app

Install Dependencies:

npm install

Run the App:

npm start

How to Use

View Tasks:
    As you launch the app, your task list will be displayed prominently.
    Each task is shown with its name / date / status (color)

Add a New Task:
    Locate the "Add Task" input at the top of the app.
    Enter the name of the new task and press the "Enter" key or click the "Add" button to include it in your list.

Adding Task Notes: 
    Simply click on a task item (the task name) to access and edit the attached notes.    

Manage Task Status:
    To mark a task as  New/Processing/Done, simply click the select next to the task's name.
    The app will automatically update the task's status / style and reposition it.

Filter Your Tasks:
    Use the status filter buttons ( New/Processing/Done/All) to narrow down your task view.
    This feature helps you focus on specific types of tasks, whether you're reviewing your accomplishments or planning your next steps.

Delete Tasks:
    When you're done with a task, click the "Delete" button next to it.
    The task will be promptly removed from your list.

Technologies Used

ReactJS
CSS for Styling

Author

[Zlatko Skoric, Goldex Design & Development]
GitHub: [https://github.com/GoldexDesign]

License

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