TaskHub

TaskHub is a Laravel + Vue application for managing tareas and notas in one place.

It includes:

• Authentication with Laravel Fortify
• A dashboard with task and note summaries
• A Tareas module with priority, due date, status, and filters
• A Notas module for quick project notes and reminders
• Vue frontend powered by Vite

Stack

• Laravel 12
• PHP 8.5
• Vue 3
• Inertia.js
• Vite
• SQLite for local development

Local setup

Clone the project and install dependencies:

composer install
npm install

Copy the environment file and generate the app key:

copy .env.example .env
php artisan key:generate

Run migrations:

php artisan migrate

Run locally

Start the Laravel server:

php artisan serve

Start Vite in a second terminal:

npm run dev

Open:

http://127.0.0.1:8000

Run with Docker

Build and start the containers:

docker compose up --build

TaskHub will be available at:

http://127.0.0.1:8000

The Docker setup includes:

• app container with Laravel, PHP, Apache, and built Vite assets
• db container with MySQL 8

Useful Docker commands:

docker compose up --build
docker compose down
docker compose down -v

The MySQL container is exposed on port 3307 locally.

Database credentials used by Docker:

DB_CONNECTION=mysql
DB_HOST=db
DB_PORT=3306
DB_DATABASE=taskhub
DB_USERNAME=taskhub
DB_PASSWORD=secret

Useful commands

Run tests:

php artisan test

Generate Wayfinder routes/actions:

php artisan wayfinder:generate --with-form

Build frontend assets for production:

npm run build

Deployment notes

TaskHub can be deployed on platforms like Railway.

Typical production steps:

composer install --no-dev --optimize-autoloader
npm install
npm run build
php artisan migrate --force
php artisan optimize

Vite is used to build the frontend assets. In production, Laravel serves the built files from public/build.

Project structure

• app/Http/Controllers - Laravel controllers
• app/Models - Eloquent models
• database/migrations - database schema changes
• resources/js/pages - Inertia/Vue pages
• resources/js/components - reusable UI components
• routes/web.php - application routes

Current modules

Tareas

• create tasks
• Mark as Completed
• Delete Tasks
• Control Priority of tasks
• add limit dates
• Filter by state

Notas

• Make Notes
• Delete notes
• See a summary from dashboard

Notes

• .env is not committed
• vendor, node_modules, and build output are ignored
• Generated Wayfinder files are regenerated locally with Artisan commands