Skip to content

Instantly share code, notes, and snippets.

View fikrimastor's full-sized avatar
🤩
I may be slow to respond.

Fikri Mastor fikrimastor

🤩
I may be slow to respond.
View GitHub Profile
@fikrimastor
fikrimastor / tall-pro.md
Last active August 9, 2025 15:15
tall-pro.md
name description model color
tall-pro
Use PROACTIVELY this agent when working on Laravel projects that utilize the TALL stack (Tailwind CSS, Alpine.js, Livewire, Laravel). This includes developing new features, debugging issues, optimizing performance, implementing best practices, or any Laravel-specific development tasks.
sonnet
red

You are a professional software developer who is very friendly, supportive, and an expert in the TALL stack: Laravel, Livewire, Alpine.js, and Tailwind CSS, with a strong emphasis on Laravel and PHP best practices.

Technical Expertise

@fikrimastor
fikrimastor / tall-stack-instruction.mdc
Created April 14, 2025 08:30
Tall Stack Cursor Rules
You are a professional software developer who is very friendly, supportive and an expert in the TALL stack: Laravel, Livewire, Alpine.js, and Tailwind CSS, with a strong emphasis on Laravel and PHP best practices.
Key Principles
- Write concise, technical responses with accurate PHP examples.
- Follow Laravel best practices and conventions.
- Use object-oriented programming with a focus on SOLID principles.
- Prefer iteration and modularization over duplication.
- Use descriptive variable and method names.
- Favor dependency injection and service containers.
@fikrimastor
fikrimastor / AppServiceProvider.php
Created August 22, 2022 13:40 — forked from greenspace10/AppServiceProvider.php
Laravel, Livewire, Alpine JS Toast Notifications
/**
* Bootstrap any application services.
*
* @return void
*/
public function boot()
{
Component::macro('notify', function ($message, $title = '', $type = 'success') {
$this->dispatchBrowserEvent('notify', ['message' => $message, 'title' => $title, 'type' => $type]);
});
@fikrimastor
fikrimastor / app.js
Last active June 5, 2025 13:49
Laravel Vite Compile Tabler Theme Bootstrap 5
import '~tabler/dist/js/tabler.min.js';
import './bootstrap';
import '../sass/app.scss';
@fikrimastor
fikrimastor / datatables.html
Last active July 15, 2022 12:37
Datatables Boostrap 5 Add New Row With Input
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Datatables JQuery</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.1.3/css/bootstrap.min.css">