Tasks Manager

This is a task management application built with React, Zustand, Tailwind CSS, and Vite. The application allows users to create, update, and manage tasks with features like filtering, sorting, and pagination. The tasks are stored in the browser's localStorage, ensuring persistence across sessions.

Features

Dummy Login: Users can log in with predefined credentials to explore the app's functionality.
CRUD Operations: Create, read, update, and delete tasks.
Task Filtering: Filter tasks by status (e.g., Not Started, In Progress, Completed).
Sorting: Sort tasks alphabetically by description (ascending/descending).
Pagination: View tasks with pagination controls to navigate between pages.
Responsive Design: Fully responsive UI using Tailwind CSS.

Technologies Used

React: Frontend library for building user interfaces.
Zustand: Lightweight state management for React applications.
Tailwind CSS: Utility-first CSS framework for styling.
Vite: Fast frontend build tool for development.

Installation

To run this project locally, follow these steps:

Clone the repository:

git clone https://github.com/JooZef315/digitalhub-task.git
cd digitalhub-task

Install dependencies:
```
npm install
```
Start the development server:
```
npm run dev
```
The application will be available at http://localhost:5173

Local Storage

Tasks are stored in the browser's localStorage. No backend is required to persist data.

Caching

The application implements caching mechanisms to enhance performance:

currentTasks Caching: The currentTasks array, which results from pagination, is cached using React's useMemo hook. This ensures that the tasks are only recalculated when the relevant state, such as the current page or task list, changes.
Local Storage as Cache: Tasks are stored in the browser's localStorage, which acts as a cache for task data. This allows tasks to persist across sessions, reducing redundant data fetching.