Pada ujian akhir phase kali ini kita akan menguji dan melihat hasil dari pembelajaran yang kita lakukan selama phase 2 ini.
Kamu akan diminta untuk membuat sebuah web app sederhana yang nantinya berfungsi sebagai situs mini social media yang mirip seperti Instagram, dimana setiap user nantinya dapat mendaftar dan juga membagikan/mengupload sebuah photo beserta caption ke web app tersebut.
Selain itu user juga dapat memberikan ❤️ ke setiap photo yang di share oleh user lainnya. (tidak bisa ❤️ photo sendiri).
Daftar lengkap fitur yang diperlukan antar lain (diurutkan sesuai prioritas) :
- Auth (Login & Register)
- Share photo with caption
- Display all photo
- Delete photo
- Edit caption
- Comment (Optional)
Teknologi yang akan kita gunakan antara lain adalah ExpressJS untuk backend/api server, MongoDB dan Mongoose untuk database serta ODM nya, dan juga Vue.js untuk js front-end framework nya.
Waktu yang disediakan sekitar 4 jam. Silakan manfaatkan waktu sebaik mungkin, kerjakan setiap fitur yang mampu kamu kerjakan, jangan berhenti sampai waktu habis. Jangan lupa untuk selalu menjaga kualitas dan kerapian code, serta rajin commit setiap kali diperlukan.
GOOD LUCK, JANGAN LUPA BERDOA!
Untuk mengerjakan tugas kali ini buatlah sebuah repository dengan nama jepretgram di akun github kamu , kemudian clone pada penyimpanan local di komputer yang kamu gunakan.
Setelah itu kirimkan link repository yg kamu buat ke instruktur yang bertugas melalui private message di slack.
Sebelum memulai coding buatlah sebuah dokumentasi pada file README.md yang menjelaskan berbagai informasi minimal mengenai :
- Deskripsi dari program yang kita buat,
- Langkah-langkah yang perlu dijalankan untuk menjalankan program tersebut,
- Serta daftar API Endpoint yang bisa diakses untuk mengambil data.
Setelah membuat dokumentasi, sekarang waktunya untuk memulai coding. Buatlah model, controller, dan routing untuk operasi user authentication meliputi register dan juga login. Authentikasi bebas menggunakan teknologi apa saja. Facebook login juga boleh 😆
Buatlah model, controller, dan routing untuk operasi CRUD photo, meliputi post photo with caption, get all photo, edit caption, serta delete photo.
Untuk fitur post photo with caption gunakanlah multer untuk upload photo-nya, hasil upload bisa disimpan di server express, Google Cloud Storage, ataupun Amazon S3.
Jika merasa bingung atau kesulitan, boleh melakukan prototyping menggunakan link sebagai sumber photo.
Jangan lupa untuk menambahkan validasi supaya hanya mereka yang memiliki photo tersebut yang dapat mengedit caption, dan juga menghapus photo nya.
Buatlah model, controller, dan routing API endpoint untuk sebuah fitur ❤️ photo. Sehingga setiap user nantinya dapat memberikan ❤️ untuk photo user lain yang mereka suka.
Setelah API yang buat telah memenuhi requirement yang ada pada## release 1-3 sialakan untuk mebuat sebuah client side app menggunakan Vue.js, dan juga UI framework favorit kamu.
Tampilan tidak perlu terlalu mewah, cukup buat yang sederhana, yang terpenting rapi.
Penggunaan state management tidak diwajibkan tapi memiliki nilai tambah.
Masih memiliki waktu tersisa? Silakan manfaatkan sisa waktu yang ada untuk melakukan refactor, periksa setiap line code yang kamu buat sebelumnya, dan lakukan optimasi jika kamu rasa ada yang bisa kamu tingkatkan lagi kualitas code nya.
Kamu juga boleh menambahkan optional feature seperti comment pada photo, atau memperbaiki tampilan web app yang kamu buat supaya lebih menarik.