< Back

Invitaplus Devlog

October 29, 2024


The Start

Semua berawal dari pertanyaan sederhana, "Gimana sih cara kerja platform SaaS yang dinamis? Mulai dari user-generated content, dashboard pengguna, sampai sistem generator statis ketika user punya halaman mereka sendiri?" Nah, dari situ muncul ide untuk membuat sebuah platform undangan digital. Meskipun udah banyak platform serupa yang sudah ada di luar sana, saya tetap penasaran gimana caranya membuat sesuatu yang berbeda dengan teknologi yang lebih modern.

Tech Stack

Untuk tech-stack yang saya pakai, nggak jauh-jauh dari teknologi yang udah familiar. Untuk frontend, saya pakai Vue.js yang ringan dan fleksibel. Di backend, saya pilih Express.js karena simpel dan mudah diatur, ditambah SQLite sebagai database karena cocok buat project kecil yang nggak butuh resource besar.

Prototyping

Gimana cara supaya semua sistem ini bisa simpel dan mudah dipakai? Saya mulai dengan membangun autentikasi user menggunakan JWT. Selain itu, saya juga membuat operasi CRUD (Create, Read, Update, Delete) untuk beberapa data penting, seperti detail undangan, RSVP dari tamu, dan pengaturan tema undangan.

Di bagian tema undangan, saya pakai teknik conditional rendering di Vue. Jadi, kalau user pilih tema 1, desainnya akan tampil sesuai dengan desain tema 1, begitu juga dengan tema lainnya. Setiap tema punya desain yang berbeda, dan semua itu bisa dikendalikan dengan mudah lewat dashboard pengguna.

User Interface

Nah, bagian UI ini sebenarnya yang paling menantang. Prototipe backend dan pengelolaan data sih cuma butuh 2 hari, tapi untuk user interface saya butuh waktu hampir 2 minggu! Dan meskipun udah 3 kali saya revamp tampilan, tetep aja rasanya belum klop. Tapi untuk saat ini, landing page-nya sudah cukup memuaskan meski saya cuma menghabiskan 2 hari untuk riset dan desain. Jadi, meskipun ada sedikit pengorbanan di sisi desain, saya cukup senang dengan hasilnya.

UI

Final Thoughts

Buat saya, proyek ini udah cukup seru dan menantang. Setiap langkah, dari backend sampai desain UI, memberi saya pelajaran baru. Tentunya ada banyak hal yang harus diperbaiki dan dipoles lagi, tapi saya yakin kalau langkah awal sudah diambil dengan baik. Harapannya, platform ini bisa menjadi sesuatu yang bermanfaat dan unik, meski di tengah maraknya platform serupa. Yang penting, bisa terus belajar dan berkembang!

Untuk Update Selanjutnya

Di update berikutnya, saya akan fokus untuk menambah beberapa fitur penting, seperti integrasi WhatsApp untuk pengiriman undangan otomatis dan fitur tambahan untuk customisasi halaman undangan lebih lanjut. Selain itu, saya juga berencana untuk melakukan testing user experience lebih mendalam, agar interface yang ada benar-benar nyaman dipakai.

© 2024

@abimanyudrmwn