TaskFlow - Project & Task Management System

TaskFlow is a modern, full-featured project and task management system built with Laravel (API backend) and React (frontend, inside Task_Management_System/). It helps you organize, track, and complete your tasks efficiently, with a clean dashboard and intuitive workflow.

---

📁 Project Structure

taskmanagementsystem/
├── ...Laravel backend...
├── Task_Management_System/   # React frontend (Vite + TailwindCSS)

---

🚀 Features

• User authentication (register/login/logout)
• Create, edit, delete, and categorize tasks
• Mark tasks as complete/incomplete
• Due dates and category management
• Responsive dashboard UI
• Modern dark-themed design

---

🛠️ Getting Started

1. Backend (Laravel API)

Database Setup

Add these lines to your .env file:

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=task_mangmt_system
DB_USERNAME=root
DB_PASSWORD=

Make sure you have a MySQL database named task_mangmt_system created.

Install & Run (with Laravel Herd)

composer install
cp .env.example .env
php artisan key:generate
php artisan migrate

Laravel Herd will automatically serve your application at http://localhost or your configured .test domain.

Tip: You do not need to run php artisan serve when using Herd.

---

2. Frontend (React + Vite)

cd Task_Management_System
npm install
npm run dev

Make sure your React app's API base URL points to your Laravel backend (see src/api/axios.js).

---

📸 Screenshots

Dashboard

Home Page

Login

Register

---

📄 License

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

---

TaskFlow – Organize, track, and complete your work with ease!