{"id":31271833,"url":"https://github.com/karllouise-code/laravel-boost","last_synced_at":"2026-05-14T20:32:09.379Z","repository":{"id":311854736,"uuid":"1045301480","full_name":"Karllouise-code/laravel-boost","owner":"Karllouise-code","description":"To Do Kanban Board - Just playing around Laravel boost with Claude Anthropic Superpowers","archived":false,"fork":false,"pushed_at":"2025-08-27T06:36:02.000Z","size":5876,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-08-27T10:50:22.262Z","etag":null,"topics":["inertia","laravel-boost","render","sqlite","vuejs"],"latest_commit_sha":null,"homepage":"https://kanban-todo-vh75.onrender.com/todos","language":"Blade","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Karllouise-code.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-08-27T00:38:05.000Z","updated_at":"2025-08-27T06:36:05.000Z","dependencies_parsed_at":"2025-08-27T11:05:27.348Z","dependency_job_id":null,"html_url":"https://github.com/Karllouise-code/laravel-boost","commit_stats":null,"previous_names":["karllouise-code/laravel-boost"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/Karllouise-code/laravel-boost","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Karllouise-code%2Flaravel-boost","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Karllouise-code%2Flaravel-boost/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Karllouise-code%2Flaravel-boost/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Karllouise-code%2Flaravel-boost/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Karllouise-code","download_url":"https://codeload.github.com/Karllouise-code/laravel-boost/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Karllouise-code%2Flaravel-boost/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":276646700,"owners_count":25679609,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-09-23T02:00:09.130Z","response_time":73,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["inertia","laravel-boost","render","sqlite","vuejs"],"created_at":"2025-09-23T20:39:28.267Z","updated_at":"2025-09-23T20:39:29.366Z","avatar_url":"https://github.com/Karllouise-code.png","language":"Blade","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ✨ My Boosted Todo App\n\nA beautiful, modern Kanban board todo application built with Laravel 12, Vue.js 3, and Inertia.js. Stay organized and productive with an intuitive drag-and-drop interface and powerful project management features.\n\n![Laravel](https://img.shields.io/badge/Laravel-12.x-red.svg)\n![Vue.js](https://img.shields.io/badge/Vue.js-3.x-green.svg)\n![Inertia.js](https://img.shields.io/badge/Inertia.js-2.x-purple.svg)\n![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-4.x-blue.svg)\n\n## ✨ Features\n\n- **Kanban Board Interface** - Visual workflow management with three columns: To Do, In Progress, Done\n- **Drag \u0026 Drop Functionality** - Seamlessly move tasks between columns with intuitive drag-and-drop\n- **Beautiful, Modern UI** - Gradient backgrounds, smooth animations, and responsive design\n- **Complete CRUD Operations** - Create, read, update, and delete todos seamlessly\n- **Priority Management** - 5-level priority system (Low to Urgent) with color-coded badges\n- **Due Date Tracking** - Set due dates with overdue indicators\n- **Status Management** - Automatic status updates when moving between columns\n- **Dashboard Statistics** - Real-time overview of your todo statistics across all columns\n- **Form Validation** - Comprehensive client and server-side validation\n- **MySQL Database** - Robust data storage with proper relationships\n\n## 🛠️ Tech Stack\n\n- **Backend**: Laravel 12, PHP 8.2\n- **Frontend**: Vue.js 3, Inertia.js\n- **Styling**: Tailwind CSS 4.0\n- **Database**: MySQL\n- **Build Tool**: Vite\n- **Code Quality**: Laravel Pint\n\n## 🚀 Quick Start\n\n### Prerequisites\n\n- PHP 8.2 or higher\n- Node.js 18 or higher\n- MySQL\n- Composer\n- XAMPP (for local development)\n\n### Installation\n\n1. **Clone the repository**\n   ```bash\n   git clone \u003crepository-url\u003e\n   cd my-boosted-app\n   ```\n\n2. **Install PHP dependencies**\n   ```bash\n   composer install\n   ```\n\n3. **Install JavaScript dependencies**\n   ```bash\n   npm install\n   ```\n\n4. **Environment Setup**\n   ```bash\n   cp .env.example .env\n   php artisan key:generate\n   ```\n\n5. **Configure Database**\n   - Start XAMPP and ensure MySQL is running\n   - Create a database named `my_boosted_app` in phpMyAdmin\n   - Update your `.env` file:\n     ```env\n     DB_CONNECTION=mysql\n     DB_HOST=127.0.0.1\n     DB_PORT=3306\n     DB_DATABASE=my_boosted_app\n     DB_USERNAME=root\n     DB_PASSWORD=\n     ```\n\n6. **Run Migrations**\n   ```bash\n   php artisan migrate\n   ```\n\n7. **Seed Sample Data (Optional)**\n   ```bash\n   php artisan tinker --execute=\"App\\Models\\Todo::factory()-\u003ecount(10)-\u003ecreate();\"\n   ```\n\n8. **Build Assets**\n   ```bash\n   npm run build\n   ```\n\n9. **Start Development Server**\n   ```bash\n   php artisan serve\n   ```\n\n10. **Visit your application**\n    ```\n    http://127.0.0.1:8000\n    ```\n\n## 🎯 Usage\n\n### Kanban Board Workflow\n\nThe application features a three-column Kanban board:\n- **To Do**: New tasks and items that haven't been started\n- **In Progress**: Tasks currently being worked on\n- **Done**: Completed tasks\n\n### Managing Todos\n\n#### Creating Todos\n1. Click the \"Add New Todo\" button\n2. Fill in the title, description (optional), priority, and due date\n3. New todos automatically start in the \"To Do\" column\n\n#### Moving Tasks\n- **Drag \u0026 Drop**: Simply drag any todo card from one column to another\n- **Status Updates**: Tasks automatically update their status based on the column they're moved to\n\n#### Other Actions\n- **Edit**: Click the edit icon on any todo card to modify details\n- **Delete**: Click the delete icon and confirm removal\n- **View Details**: Click on any todo to see full information\n\n### Dashboard Statistics\nView real-time statistics showing:\n- Total number of todos in each column\n- Overdue tasks\n- Priority distribution\n- Completion rates\n\n## 🗃️ Database Schema\n\n### Todos Table\n- `id` - Primary key\n- `title` - Todo title (required)\n- `description` - Todo description (optional)\n- `status` - Current status (todo, in_progress, done)\n- `priority` - Priority level (1-5)\n- `due_date` - Due date (optional)\n- `created_at` - Creation timestamp\n- `updated_at` - Last update timestamp\n\n## 🎨 Key Features\n\n### Drag \u0026 Drop Interface\n- Smooth animations during drag operations\n- Visual feedback when hovering over drop zones\n- Automatic status updates when dropped in different columns\n- Touch-friendly for mobile devices\n\n### Status Management\n- **To Do**: Initial state for new tasks\n- **In Progress**: Active tasks being worked on\n- **Done**: Completed tasks with visual indicators\n\n### Priority System\nColor-coded priority badges:\n- **Low (1)**: Gray\n- **Medium (2)**: Blue  \n- **High (3)**: Yellow\n- **Critical (4)**: Orange\n- **Urgent (5)**: Red\n\n## 🔧 Development Commands\n\n```bash\n# Start development server\nphp artisan serve\n\n# Build assets for development\nnpm run dev\n\n# Build assets for production\nnpm run build\n\n# Run code formatting\nvendor/bin/pint\n\n# Generate routes for JavaScript\nphp artisan ziggy:generate\n\n# Run migrations\nphp artisan migrate\n\n# Fresh migration with sample data\nphp artisan migrate:fresh --seed\n```\n\n## 🤝 Contributing\n\n1. Fork the repository\n2. Create a feature branch\n3. Make your changes\n4. Run code formatting: `vendor/bin/pint`\n5. Submit a pull request\n\n## 📄 License\n\nThis project is open-sourced software licensed under the [MIT license](https://opensource.org/licenses/MIT).","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkarllouise-code%2Flaravel-boost","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkarllouise-code%2Flaravel-boost","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkarllouise-code%2Flaravel-boost/lists"}