← Kembali ke Portfolio

Prompt Builder

Prompt Builder

Deskripsi Proyek

Proyek ini adalah aplikasi frontend yang dibangun menggunakan ekosistem Next.js dan TypeScript. Aplikasi ini berfokus pada penyederhanaan interaksi manusia dengan AI (Prompt Engineering). Melalui antarmuka pengguna yang dibangun dengan Tailwind CSS, aplikasi ini menyediakan parameter input yang mudah dipahami, lalu secara otomatis menyusun dan memformat data tersebut ke dalam struktur prompt kompleks di belakang layar, sehingga pengguna awam dapat menghasilkan prompt berkualitas tinggi secara instan.

Tantangan & Solusi

Tantangan utama dalam proyek ini adalah mengelola state dari berbagai input form yang dinamis dan memetakannya secara presisi ke dalam struktur template prompt. Sangat krusial untuk menjaga agar logika template tetap fleksibel saat menerima berbagai kombinasi input pengguna, sambil memastikan hasil akhir prompt tidak rusak (break) dan variabelnya tergantikan dengan akurat secara real-time.

Teknologi yang Digunakan

Next.jsTypeScriptTailwind CSSNode.js.

Tautan

Kunjungi Live Demo →