Task Manager Client

This project is a task list application that uses a Kanban layout to organize tasks and allows drag-and-drop functionality for an intuitive user experience.

Deploy

https://kanban-manager-app.netlify.app

User Test

You can also register sign up 👍

1. User:

[email protected]

2. Password:

1234

Getting Started

Prerequisites

• Node.js (>=16.0.0)
• npm (>=10.8.0)

Installation

1. Clone the repository:

   git clone https://github.com/Carloslt5/task-manager-client.git
   cd task-manager-client

2. Install dependencies:

   npm install

Development

To start the development server:

npm start

This will start the Vite development server and open the application in your default web browser.

Features

• User session with JWT
• Drag-and-Drop: Easily move tasks ✅ .
• Tailwind: Theme Light 🌞 and Dark 🌚

Technologies

• React
• React DOM
• React Router DOM
• TypeScript
• Vite
• Mock Service Worker (MSW) to development
• Axios
• Hooks-form
• Toastify
• ESLint (with plugins for TypeScript, React, and Prettier)

Rest API

https://github.com/Carloslt5/task-manager-server

DDBB

Project

• id
• title
• ownerId

State

• id
• title
• Project ID

Ticket

• id
• State ID
• Project ID
• Priority
• name
• description

Todo

• id
• title
• completed
• Ticket id