Masukkan file:
- prd.md
- design.md
- task-insturction.md
ke dalam folder
.agents
File Dockerfile diletakkan di root folder Project Laravel
| version | alpha | ||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| name | Zed Dev | ||||||||||||||||||||||||||||||||
| description | Editor-dark, warmer than pitch, glyph-sharp. | ||||||||||||||||||||||||||||||||
| colors |
|
||||||||||||||||||||||||||||||||
| typography |
|
||||||||||||||||||||||||||||||||
| rounded |
|
||||||||||||||||||||||||||||||||
| spacing |
|
||||||||||||||||||||||||||||||||
| components |
|
A developer-editor palette: warm near-black, cyan accent, mono everywhere.
The palette is built around high-contrast neutrals and a single accent that drives interaction.
#E5E4DF): Headlines and core text.#7B7A74): Borders, captions, and metadata.#5FB5D6): The sole driver for interaction. Reserve it.#161614): The page foundation.| FROM php:8.4-fpm-alpine | |
| # Install system dependencies & extension compiler tools | |
| RUN apk add --no-cache \ | |
| nginx \ | |
| shadow \ | |
| curl \ | |
| libpng-dev \ | |
| libxml2-dev \ | |
| libzip-dev \ | |
| zip \ | |
| unzip \ | |
| git \ | |
| nodejs \ | |
| npm \ | |
| oniguruma-dev | |
| # Install PHP extensions yang dibutuhkan Laravel secara lengkap | |
| RUN docker-php-ext-install pdo_mysql bcmath gd xml zip mbstring | |
| # Install Composer terbaru | |
| COPY --from=composer:latest /usr/bin/composer /usr/bin/composer | |
| WORKDIR /app | |
| COPY . . | |
| # Install dependencies dengan mengabaikan pengecekan platform lokal vps yang ketat | |
| RUN composer install --no-dev --optimize-autoloader --ignore-platform-reqs | |
| # Build frontend assets (Vite / Mix) | |
| RUN npm install && npm run build | |
| # Setup Nginx configuration inline | |
| RUN echo 'server { \ | |
| listen 80; \ | |
| root /app/public; \ | |
| index index.php index.html; \ | |
| location / { \ | |
| try_files $uri $uri/ /index.php?$query_string; \ | |
| } \ | |
| location ~ \.php$ { \ | |
| try_files $uri =404; \ | |
| fastcgi_split_path_info ^(.+\.php)(/.+)$; \ | |
| fastcgi_pass 127.0.0.1:9000; \ | |
| fastcgi_index index.php; \ | |
| include fastcgi_params; \ | |
| fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name; \ | |
| fastcgi_param PATH_INFO $fastcgi_path_info; \ | |
| } \ | |
| }' > /etc/nginx/http.d/default.conf | |
| # === TAMBAHKAN DUA BARIS PERINTAH PERMISSION INI === | |
| RUN chown -R www-data:www-data /app/storage /app/bootstrap/cache | |
| RUN chmod -R 775 /app/storage /app/bootstrap/cache | |
| EXPOSE 80 | |
| # Jalankan PHP-FPM dan Nginx bersamaan | |
| CMD php-fpm -D && nginx -g "daemon off;" |
Buatkan aplikasi Temporary Chat Room sederhana menggunakan Laravel 13 + PHP 8.4 + MySQL + TailwindCSS + Vanilla JavaScript.
Konsep aplikasi:
Fitur MVP:
Homepage
Create Room
Join Room
Chat Room
Realtime
Typing Indicator
Temporary Room Behavior
System Messages
Security & Input Handling
Additional Features
Database Structure:
Backend Logic:
Frontend:
JavaScript:
Code Style:
Tujuan: Aplikasi harus bisa langsung dijalankan dan didemokan sebagai realtime temporary anonymous chat room yang modern, lengkap dengan typing indicator, online users, system messages, sound notification, input sanitization, dan auto delete setelah expired.
Berikan juga instruksi cara menjalankan aplikasi setelah kode selesai (migrate, npm install, scheduler, dll).
Proyek: Temporary Chat Room (TempChat)
Saya telah menyimpan:
prd.mddesign.mdprd.md dan design.md sebelum mengerjakan apapun.design.md secara ketat untuk semua hal yang berhubungan dengan UI/UX, warna, layout, dan komponen.Gunakan struktur kategori berikut:
Setiap kali selesai mengerjakan satu task atau satu grup task, kamu WAJIB melakukan langkah berikut sebelum melapor ke saya:
.agents/tasklist.md[x]Progress: 35%)Contoh format:
- [x] ✅ Task 2.3 - Membuat Room Migration `[Mudah]` (Selesai)