Kanban Task Management App

A modern, responsive Kanban board application built with React and TypeScript, featuring a beautiful UI powered by shadcn/ui and Tailwind CSS.

✨ Features

• Drag and Drop Task Management: Intuitive task organization across columns
• User Authentication: Secure user accounts and personalized task management
• Responsive Design: Fully responsive layout that works on desktop and mobile devices
• Dark/Light Theme: Toggle between dark and light modes
• Real-time Updates: Instant feedback with toast notifications
• Task Filtering: Advanced filtering capabilities for better task organization
• Local Storage: Persistent data storage across browser sessions

🛠️ Tech Stack

• Vite - Next Generation Frontend Tooling
• React - UI Library
• TypeScript - Type Safety
• Tailwind CSS - Styling
• shadcn/ui - UI Components
• React Query - Data Fetching
• React Router - Routing
• Zod - Schema Validation
• React Hook Form - Form Management

🚀 Getting Started

Prerequisites

• Node.js (v14 or higher)
• npm or yarn

Installation

1. Clone the repository:

git clone <https://github.com/Ayokanmi-Adejola/Task-Management.git>

2. Navigate to the project directory:

cd <KANBAN>

3. Install dependencies:

npm install

4. Start the development server:

npm run dev

The application will be available at http://localhost:8081

📦 Available Scripts

• npm run dev - Start development server
• npm run build - Build for production
• npm run build:dev - Build for development
• npm run preview - Preview production build
• npm run lint - Run ESLint

🤝 Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📝 License

This project is open source and available under the MIT License.