/chatgptweb

Primary LanguageJavaScript

README

Prompt

tolong jawab dalam bahasa Indonesia
gw junior web dev. gw mau bikin web. ada ide?
oke, website blog, gw mau bikin itu, ada ide?
lanjut
oke. jadi gw mau buat web blog tentang keuangan. Warnanya gelap, fontnya pake poppins.
Ada 2 halaman

Halaman pertama.
ada text input, buttonnya tulisannya search.
di bawah text input  itu ada section buat daftar postingan dalam bentuk  list, bentuknya di kiri ada gambar, di kanannya itu judul postingan, judul postingan itu link kalo diklik dia bakal ngarah ke halaman kedua. linknya itu misal detail.html?id=1
ada json data yang isinya id, judul, gambar, author, tanggal dibuat, sama isi postingan.
list postingan tadi diambil dari json data itu.
input text tadi yang buat search, itu kalo diisi abis itu diklik tombol search itu bakal ngepesan:filter list postingan tadi berdasarkan judul.

Halaman kedua.

Isinya ada judul. Judulnya gede tapi ga usah kegedean, sedeng aja. Di bawah judul ada gambar, lebarnya 50% aja. Di bawahnya lagi ada author, itu sizenya kecil, rata kiri. Di bawah author ada isi postingan, rata kiri kanan, sizenya yang enak buat dibaca, warna hurufnya hitam.
Halaman kedua ini datanya diambil dari json data yang tadi. Judul, gambar, author, isi postingan itu diambil dari json data, berdasarkan id dari page query, misal ?id=1 berarti ambil data dari json data dengan id 1.

ngerti kan? oke. kalo ngerti lu generate html, css, javascript, sama json data nya ya.
lanjut
filternya buat nge filter berdasarkan judul pas klik tombol search
data jsonnya  mana njir
data json bagian contennya bisa ga jangan lorem ipsum, kaya artikel beneran gitu
lanjut dong jangan cuma 3 doang, terus content nya bisa ga lebih panjang lagi
lanjut
css nya masih  belum lengkap tuh
section list postingan pada halaman pertama, judulnya buat lebih kecil, lalu tampilannya buat seperti list. bisa generate css nya?
halaman kedua mengambil id  dari ?id=1 kemudian mem-filter data dari data json berdasarkan id yang diberikan. kemudian data yang difilter tadi ditampilkan ke  halaman itu. bisa tolong generate javascriptnya?