Project Management App | Alfred's Portfolio

Tech Stack

Back-end: Laravel 11 (PHP)
Middle-end 🤔?: Inertia.js v2
Front-end: React 18 , TypeScript
- UI: TailwindCSS , shadcn/ui
- shadcn/ui included those:
  - Recharts for data visualization
  - @tanstack/react-table for table management
  - React Hook Form for form handling
  - Zod for schema validation
- Icons: Lucide
Database: SQLite for the database
Authentication: Laravel Breeze for authentication, spatie/laravel-permission for role/permission-based access control.
Development Tools:
- barryvdh/laravel-debugbar (for debugging during development)
Image Provider: Picsum

Features:

Project Management: Create, read, update, and delete projects with sorting, filtering, and pagination options for efficient project management.
Task Management: Manage tasks with full CRUD functionality, including sorting, filtering, and pagination for easy task tracking.
- Task Creation Inside Projects: Add new tasks directly within specific projects for better task organization.
- User Assignment to Tasks: Assign team members to tasks, enhancing collaboration and responsibility tracking.
- Personal Task View: Users can view tasks specifically assigned to them, improving individual task management.
User Management: Create and manage users, edit profile information, assign roles, and control permissions.
Role and Permission Based Access Control: Different roles and permissions with different access levels to manage tasks and projects.
Search and Filter: Search and filter projects, tasks, roles, and permissions based on various criteria.
Dashboard Overview: A centralized dashboard showing key project and task metrics, providing an at-a-glance view of progress and status.

Purpose:

This project management app is designed to streamline task and project workflows, offering robust tools for creating, managing, and tracking projects and tasks. The app supports team collaboration through user assignment and provides an intuitive dashboard for real-time insights.

Project Media 17 ASSETS