Wread: Website Listing Cerpen dengan Fitur Upload dan Baca Cerita Secara Langsung

Wread adalah proyek final dari bootcamp Web Development Dasar yang dikembangkan menggunakan kombinasi HTML dasar, CSS, PHP, dan database MySQL. Website ini berfungsi sebagai platform untuk membaca dan membagikan cerpen secara gratis. Tidak seperti situs berbagi dokumen PDF, Wread menyajikan cerita dalam format halaman web sehingga pengunjung dapat membaca tanpa harus mengunduh file.

Tujuan Pengembangan Wread

Proyek ini dibuat untuk mempraktikkan dasar-dasar web development, khususnya:

• Membuat layout dengan HTML dan CSS.
• Mengelola data menggunakan CRUD (Create, Read, Update, Delete).
• Menghubungkan website dengan database MySQL.
• Mengimplementasikan halaman dinamis menggunakan PHP.

Dengan menggabungkan semua elemen tersebut, Wread menjadi contoh aplikasi web sederhana yang fungsional, ringan, dan mudah digunakan.

Fitur Utama Website Wread

1. Upload Cerita

Pengguna dapat mengunggah cerpen mereka melalui tombol Upload, yang secara otomatis menyimpan data ke database MySQL. Data yang diinput meliputi:

• Judul cerpen
• Nama penulis
• Cover cerita
• Isi cerita

2. Baca Cerpen Secara Langsung

Setiap cerita ditampilkan dalam halaman detail. Pembaca dapat menikmati cerpen tanpa perlu membuka file eksternal. Format tulisan sudah disesuaikan agar nyaman dibaca.

3. Edit dan Hapus Cerita

Sebagai bagian dari latihan CRUD, pengguna atau admin dapat:

• Edit cerita untuk memperbarui konten
• Hapus cerita yang tidak lagi diperlukan

Semua perubahan otomatis tercatat di database.

4. Daftar Cerita Terbaru

Halaman utama menampilkan daftar cerpen terbaru yang diambil langsung dari database. Contoh daftar cerita yang telah tampil:

• Angel Moon – Penulis: Nayara F. Lestari
• Man of Mythoses – Penulis: Arya Pangestu
• Pencari Mimpi – Penulis: Abdul Putra Bagaskara
• Tiga Trio – Penulis: Manda Faras
• Langit di Atas Terminal – Penulis: Bagas Sutarjo

Cover cerita ditampilkan dalam bentuk gambar sehingga tampilan halaman terlihat menarik dan informatif.

Teknologi yang Digunakan

Wread dibangun menggunakan stack dasar web development:

• HTML → Struktur halaman
• CSS3 → Tampilan dan styling
• PHP → Operasi backend dan proses CRUD
• MySQL → Penyimpanan data cerita
• Local Server (XAMPP/LAMPP) → Menjalankan aplikasi selama proses development

Stack ini cocok untuk pemula yang ingin memahami cara kerja website dinamis dari awal.

Wread menjadi bukti bahwa dengan dasar HTML, CSS, PHP, dan MySQL, pemula sudah bisa membuat website dinamis yang memiliki fitur lengkap seperti upload cerita, baca cerpen online, hingga mengelola data dengan CRUD. Proyek ini juga menjadi pondasi untuk pengembangan lebih lanjut seperti sistem login, kategori cerita, atau tampilan yang lebih interaktif.

Jika kamu sedang belajar web development dasar, proyek seperti Wread bisa menjadi latihan yang tepat untuk memperdalam pemahamanmu dalam membangun aplikasi web sederhana namun fungsional.