A modern, all-in-one project management solution built with Laravel 12 and the TALL stack

Fokus is a comprehensive project management system inspired by tools like Jira, Asana, and Trello. It aims to consolidate all team collaboration needs into a single platform, eliminating the need for multiple tools.

Fokus is currently under active development with version 1.0.0 targeted for release by the end of September 2025. After this date, you will be able to download stable releases from the releases page.

• Project Management: Create and manage projects with customizable workflows
• Task Tracking: Organize tasks with priorities, assignments, and deadlines
• Sprint Planning: Plan and track sprints with burndown charts and retrospectives
• Team Collaboration: Built-in communication tools and screen sharing
• Kanban Boards: Visual task management with drag-and-drop functionality
• Time Tracking: Monitor time spent on tasks and projects
• Reporting: Generate comprehensive reports and analytics
• User Management: Role-based access control and team organization

• Backend: Laravel 12, PHP 8.3
• Frontend: TALL Stack (Tailwind CSS, Alpine.js, Laravel, Livewire 3)
• Database: PostgreSQL 15
• Real-time Features: Laravel Reverb
• UI Components: MaryUI 2
• Package Management: Yarn
• Icons: Font Awesome (with fas.icon format)

• PHP 8.3 or higher
• Composer
• PostgreSQL 15
• Node.js and Yarn
• Redis (for queues and broadcasting)
• Docker and Docker Compose (optional)

1. Clone the repository:

   git clone https://github.com/yourusername/fokus.git
   cd fokus

2. Install PHP dependencies:

   composer install

3. Install JavaScript dependencies:

   yarn install

4. Copy the environment file and configure your database:

   cp .env.example .env

5. Generate application key:

   php artisan key:generate

6. Run migrations and seed the database:

   php artisan migrate --seed

7. Build assets:

   yarn build

8. Start the development server:

   php artisan serve

Fokus can be easily installed and run using Docker. This method provides a container environment containing all necessary dependencies.

1. Clone the repository:

   git clone https://github.com/yourusername/fokus.git
   cd fokus

2. Copy the environment file:

   cp .env.example .env

3. Build and start the Docker containers:

   docker-compose up -d --build

4. Install dependencies and set up the application:

   # Install composer dependencies inside the container
   docker-compose exec app composer install
   
   # Generate application key
   docker-compose exec app php artisan key:generate
   
   # Create database tables and add sample data
   docker-compose exec app php artisan migrate --seed

5. Build frontend assets:

   docker-compose exec app yarn install
   docker-compose exec app yarn build

6. Access the application:

   • Web application: http://localhost:9000
   • PostgreSQL database: localhost:5432 (username: projecta, password: secret)

7. To stop Docker containers:

   docker-compose down

• app: Main application container with PHP 8.3, Composer, Node.js and Yarn
• db: PostgreSQL 15 database container
• Database data is stored in a persistent Docker volume (db-data)
• Your application code is mounted from your local machine to the container, so changes are reflected instantly

• app/ - Contains the core code of the application

  • Models/ - Eloquent models
  • Http/Controllers/ - Request handlers
  • Http/Livewire/ - Livewire components
  • Enums/ - PHP enumerations
  • Events/ - Event classes
  • Listeners/ - Event listeners
  • Concerns/ - Shared traits

• resources/

  • views/ - Blade templates
    • livewire/ - Livewire component templates
    • components/ - Blade components
  • css/ - Stylesheets
  • js/ - JavaScript files

• database/

  • migrations/ - Database migrations
  • seeders/ - Database seeders
  • factories/ - Model factories

Fokus has undergone significant UI/UX improvements across various sections:

• Dashboard: Redesigned with statistics cards at the top, workspaces and activity info in the left column, and projects and tasks in the right column. Implemented tab structure for better organization.

• Projects: Modernized project cards, team lists, task lists, and project settings with improved visual design.

• Sprints: Enhanced sprint information cards, task lists, and sprint progress indicators with a modern design approach.

• Workspaces: Updated workspace management pages including workspace cards, team lists, and project creation modals.

All sections feature:

• Modern MaryUI 2 components
• Properly formatted Font Awesome icons (fas.icon-name)
• Updated color palette and typography
• Improved responsive design
• Animation and transition effects

• Follow PSR coding standards
• Use Laravel Livewire Volt for components
• Use MaryUI 2 components with <x-component> syntax
• Use Font Awesome icons with fas.icon-name format
• Implement toast notifications using \Mary\Traits\Toast

The Fokus project is open-sourced software licensed under the MIT license.