A modern, fast, and beautiful task management application built with Laravel 12 (Backend) and React + Vite (Frontend). It features a stunning Glassmorphism UI, role-based access control (Admin/User), and powerful task organization tools.
- Task Management: Create, Read, Update, and Delete (CRUD) tasks.
- Scheduling: Add Due Dates and Times to tasks (⏰).
- Edit Tasks: Update task details, dates, and times easily via a modal.
- Categories & Tags 🎨: Organize tasks with color-coded tags (e.g., Work, Personal).
- Search & Filters 🔍: Find tasks instantly by title, status, or category.
- In-App Notifications 🔔: Get alerts for tasks due within the next 24 hours.
- User Management: View all registered users and their task counts.
- User Deletion: Delete users (and their data) directly from the dashboard.
- Task Oversight: View and manage tasks for any specific user.
- Frontend: React.js, TailwindCSS, Vite, Axios, React-Calendar.
- Backend: Laravel 12 API, Sanctum (Auth), MySQL.
- Design: Custom CSS, Glassmorphism effects, Responsive Grid Layouts.
- PHP 8.2+
- Composer
- Node.js & NPM
- MySQL Database
First you need to create a database named "todo_db" in phpmyadmin.
cd backend
# Install PHP dependencies
composer install
# Set up environment file
cp .env.example .env
# Configure your DB_ connections in .env
# Generate App Key
php artisan key:generate
# Run Migrations (creates tables for tasks, categories, notifications)
php artisan migrate
# Start the Scheduler (for Notifications)
php artisan schedule:work
# Start the Server
php artisan serveThe backend will run at http://127.0.0.1:8000
cd frontend
# Install Node dependencies
npm install
# Start the Content
npm run devThe frontend will run at http://localhost:5173 (or similar)
The system automatically assigns Admin privileges if the user's Name begins with admin (case-insensitive).
To test notifications manually without waiting for the scheduler:
php artisan app:check-due-tasks
This project is open-source and available under the MIT License.
Made By Rashmika Dhananjaya