Kali ini kita akan coba praktekin vibe coding

@septiawanajipradana

16.6K followers · usually 8.4K views a post

Views

34.4K

Likes

1.4K

Comments

6

Shares

67

Selling · SaaS › AI Tool

ChatGPTseen in 540 videos →https://chat.openai.com/ ↗

Why it worked

The video effectively showcases a practical application of AI tools (ChatGPT and Codex) in a real-world development scenario, demonstrating a tangible workflow that appeals to developers looking to improve efficiency.

Summary

The creator demonstrates how to use ChatGPT and Codex together to speed up the development of a booking management system using Laravel. They start by brainstorming with ChatGPT, then use Codex to generate the code, and finally show the initial results of the system.

Structure

1Introduction to coding vibe with AI tools
2Brainstorming app features with ChatGPT
3Using Codex for code generation
4Setting up initial Laravel project
5Pasting prompt into AI agent (Codex)
6Showing initial results and next steps

Original caption

ChatGPT dan Codex itu sama-sama produk dari OpenAI. ChatGPT = bantu mikir & nyusun ide Codex = bantu ngerjain kodenya Kalau dipake bareng… workflow coding bisa jauh lebih cepat 🚀 Coba share tools dan cara yang kamu pake buat vibe coding👇👇

More from @septiawanajipradana

Their other posts in the index, biggest breakout first.

Product placement

ChatGPT ACTS - it is used for brainstorming and generating prompts for coding. Its interface is operated. Removing it would change what happens in the video. Codex ACTS - it is used for generating code based on prompts. Its interface is operated. Removing it would change what happens in the video. Laravel ACTS - it is the framework used to build the booking system. Its code is visible and being worked on. Removing it would change what happens in the video. Filament ACTS - it is a package used within Laravel for building admin panels. Its code is visible and being worked on. Removing it would change what happens in the video.

On-screen text

Buat MVP sistem booking staff_schedule_exceptions, customers, bookings, business_settings, lengkap dengan enum status, relasi, slot engine, booking frontend Blade mobile-first, panel admin Filament, dashboard ringkas, dan seed data demo. Verifikasi yang sudah saya jalankan: - php artisan migrate:fresh --seed - php artisan storage:link - npm install - npm run build - php artisan test Hasilnya test hijau, migration + seed jalan, dan build asset berhasil. Akses publik ada di /booking dan panel admin di /admin, dengan user demo admin@example.com dan password password. Catatan penting: workspace yang Anda berikan ternyata berbasis Laravel 13.5, jadi, implementasi saya dipasang di basis Ru, bukan downgrade ke Laravel 12. 64 files changed +2391 -135 Review Kali ini kita akan coba praktekin vibe coding Gimana caranya dan hasilnya nanti seperti apa Yuk kita cobain Pertama aku pakai ChatGPT untuk brainstorming tentang aplikasi yang mau aku buat Aku tulis prompt seperti ini Di sini aku pengen bikin sistem booking pakai Laravel Setelah berdiskusi dan merevisi sistem yang akan dibangun Di sini aku minta si ChatGPT untuk membuatkan prompt prompt-nya akan aku pakai di AI agent Aku pakai Codex Untuk menghemat token kita buat dulu initial project Laravel-nya seperti ini Setelah itu paste prompt yang sudah dibikin oleh ChatGPT di Codex kita tinggal tunggu hasilnya seperti apa Ini hasil dari satu kali prompt ya Secara proses bisnis ini udah jalan tapi secara UI masih belum maksimal Selanjutnya tinggal poles lagi sesuai keinginan dan kebutuhan teman-teman Gunakan AI versi web untuk brainstorming dan generate prompt Prompt-nya kita paste di AI Agent Tinggal tunggu deh hasilnya seperti apa Semoga bermanfaat.

Transcript

Kali ini kita akan coba praktekin vibe coding. Gimana caranya dan hasilnya nanti seperti apa? Yuk kita cobain. Pertama aku pakai ChatGPT untuk brainstorming tentang aplikasi yang mau aku buat. Aku tulis prompt seperti ini. Di sini aku pengen bikin sistem booking pakai Laravel. Setelah berdiskusi dan merevisi sistem yang akan dibangun, di sini aku minta si ChatGPT untuk membuatkan prompt. Prompt-nya akan aku pakai di AI agent, aku pakai Codex. Untuk menghemat token kita buat dulu initial project Laravel-nya seperti ini. Setelah itu paste prompt yang sudah dibikin oleh ChatGPT di Codex. Kita tinggal tunggu hasilnya seperti apa. Ini hasil dari satu kali prompt ya. Secara proses bisnis ini udah jalan tapi secara UI masih belum maksimal. Selanjutnya tinggal poles lagi sesuai keinginan dan kebutuhan teman-teman. Gunakan AI versi web untuk brainstorming dan generate prompt. Prompt-nya kita paste di AI Agent. Tinggal tunggu deh hasilnya seperti apa. Semoga bermanfaat.