Skip to content

DIYA73/laravel-task-manager

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

32 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿ“‹ Laravel Task Manager

A modern, SaaS-style Task Manager built with Laravel โ€” featuring a Kanban board, drag & drop, and real-time UI updates.

Laravel PHP PostgreSQL Tailwind CSS License


โœจ Features

  • ๐Ÿ” User Authentication โ€” Secure login and registration system
  • ๐Ÿ“ Full Task CRUD โ€” Create, update, and delete tasks effortlessly
  • ๐Ÿ“Œ Status Management โ€” Organize tasks across Todo, Doing, and Done columns
  • ๐ŸŽฏ Kanban Board โ€” Drag & drop interface for intuitive task management
  • โšก Real-Time Updates โ€” UI reflects changes instantly without page reloads
  • ๐Ÿ“Š Personal Dashboard โ€” Overview of all your tasks in one place
  • ๐ŸŽจ Modern UI โ€” Clean, responsive design powered by Tailwind CSS

๐Ÿ› ๏ธ Tech Stack

Layer Technology
Backend Laravel (PHP)
Frontend Blade Templates + Vite + JavaScript
Styling Tailwind CSS
Database PostgreSQL
Deployment Render (Docker)

๐Ÿ“ฆ Installation (Local Development)

Prerequisites

  • PHP 8.2+
  • Composer
  • Node.js & npm
  • PostgreSQL

Steps

# 1. Clone the repository
git clone https://github.com/DIYA73/laravel-task-manager.git
cd laravel-task-manager

# 2. Install PHP dependencies
composer install

# 3. Set up environment
cp .env.example .env
php artisan key:generate

# 4. Configure your database in .env (see below)

# 5. Run migrations
php artisan migrate

# 6. Install frontend dependencies and build
npm install
npm run dev

# 7. Start the development server
php artisan serve

Visit http://localhost:8000 in your browser. ๐ŸŽ‰


โš™๏ธ Environment Variables

Copy .env.example to .env and fill in the following:

APP_NAME=Laravel Task Manager
APP_ENV=local
APP_KEY=base64:YOUR_GENERATED_KEY
APP_DEBUG=true
APP_URL=http://localhost

DB_CONNECTION=pgsql
DB_HOST=127.0.0.1
DB_PORT=5432
DB_DATABASE=task_manager
DB_USERNAME=postgres
DB_PASSWORD=your_password

๐Ÿณ Deployment (Render via Docker)

This project includes a Dockerfile for containerized deployment.

  1. Push your code to GitHub
  2. Create a new Web Service on Render
  3. Connect your repository
  4. Set environment variables in the Render dashboard
  5. Add a PostgreSQL database on Render and link it via DATABASE_URL
  6. Deploy ๐Ÿš€

๐Ÿงช Useful Artisan Commands

# Run database migrations
php artisan migrate

# Run migrations (force in production)
php artisan migrate --force

# Clear cached config
php artisan config:clear

# Clear application cache
php artisan cache:clear

# Run tests
php artisan test

๐Ÿ“ Project Structure

laravel-task-manager/
โ”œโ”€โ”€ app/
โ”‚   โ”œโ”€โ”€ Http/Controllers/     # Request handling logic
โ”‚   โ””โ”€โ”€ Models/               # Eloquent models
โ”œโ”€โ”€ database/
โ”‚   โ””โ”€โ”€ migrations/           # Database schema
โ”œโ”€โ”€ resources/
โ”‚   โ””โ”€โ”€ views/                # Blade templates
โ”œโ”€โ”€ routes/
โ”‚   โ””โ”€โ”€ web.php               # Application routes
โ”œโ”€โ”€ public/                   # Publicly accessible assets
โ”œโ”€โ”€ Dockerfile                # Docker configuration
โ””โ”€โ”€ .env.example              # Environment variable template

๐Ÿ“ธ Screenshots

๐Ÿ” Login Page

Login

๐Ÿ“‹ Dashboard & Kanban Board

Dashboard

๐Ÿ“ Register Page

Register


๐Ÿ”ฎ Roadmap & Future Improvements

  • ๐Ÿ”” In-app Notifications
  • ๐Ÿ“… Task Due Dates & Reminders
  • ๐Ÿ‘ฅ Team Collaboration & Role Management
  • ๐Ÿ“ฑ Full Mobile Optimization
  • ๐Ÿท๏ธ Task Labels & Priority Levels
  • ๐Ÿ“ˆ Productivity Analytics

๐Ÿง‘โ€๐Ÿ’ป Author

Diya Taib Ismahil

  • ๐ŸŒ Full-stack Developer (in progress ๐Ÿš€)
  • ๐Ÿ’ก Passionate about web development & UI/UX
  • ๐Ÿ”— GitHub Profile

๐Ÿ“„ License

This project is licensed under the MIT License โ€” see the LICENSE file for details.


โญ Support

If you found this project useful or interesting, please give it a โญ on GitHub โ€” it means a lot!


Built with โค๏ธ using Laravel & Tailwind CSS

About

Modern Laravel Task Manager with Kanban board, drag & drop, real-time updates, PostgreSQL & Docker deployment on Render. ๐Ÿš€

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages