docs

Mouvee

Final project 4 - Kelompok 1

Tentang Aplikasi 📖

1. Konsep design yang digunakan: Glassmorphism dengan dasar warna hitam beserta ungu gradient sebagai tambahan.

2. Font : Inter.

3. Menggunakan strategi data fetching SSR(Server side rendering) untuk produk dan hanya dilakukan sekali, disimpan ke store dan digunakan kesemua halaman atau komponen. Jadi tidak perlu melakukan fetch data lagi ke API misalnya untuk tampilan detail produk dan kategori.

4. Halaman: Home, Category, detail movie, Watchlist dan 404 serta About Dev sebagai tambahan.

5. Modal: Movie overview.

6. Fitur Komponen wajib: (Mengikuti Instruksi dari Hacktiv8)

7. Fitur Komponen tambahan: Animation Loader Page, Tab kategory, Responsive, PWA, tambahan beberapa hero section di home page, compress output image, optimasi SEO, dan beberapa fitur lainnya.

   Note

   • Secara garis besar inspirasi desainnya berasal dari Netflix dan NextUI.
   • Nama Brandnya diambil dari kata Movie dan dimodifikasi menjadi 'Mouvee'.
   • Logo yang diterapkan dengan bentuk icon Play dan garis dari ornamen nama brand.

---

 

Selasa, 14 Desember 2022 | 13:15 - 14.15 WIB

• Instruktur oleh Bpk. Arif Setiawan

👨‍💻 Member

• Muhaemin Iskandar (RCTN-KS05-001)

⚡Presentasi

1. Management Project Trello ✅
2. Panduan Penggunaan ✅
3. Coding ✅

   • Setup code
   • Install Library
   • Structur Projek
   • Component
   • Page
   • Database - (Cloud & Local Storage)
4. Demo Aplikasi ✅

📝 Dokumentasi

• Panduan
• Trello

---

Panduan untuk Developer 🧑‍💻

Pertama, Install NextJS dan semua dependensi yang dibutuhkan.

• (Ini dilakukan jika membuat project baru)

npx create-next-app
# atau
yarn create next-app
# atau
pnpm create next-app

• Masukkan nama project dan pilih template yang akan digunakan ketika diminta.
• Install dependensi yang dibutuhkan

yarn add <nama-package>

• Masuk ke direktori project dan jalankan server development.

cd <nama project>
yarn run dev

• Jika ingin menjalankan server production, jalankan perintah berikut.

yarn run build
yarn start

---

Panduan untuk Kontributor 🤝

• Fork/Clone repository ini.
• Masukkan pada CLI.

git clone <link-repo>

• Install semua dependensi sesuai project ini dengan perintah berikut.

yarn install

• Silahkan lakukan pengembangan pada project ini.
• Buat branch baru untuk mengerjakan fitur baru.

git checkout -b <nama-branch>

• Setelah selesai mengerjakan fitur, lakukan commit dan push ke branch yang telah dibuat.

git add .
git commit -m "<pesan commit>"
git push origin <nama-branch>

• Buat pull request ke branch main dari repository ini.
• Tunggu sampai pull request disetujui dan di-merge.

---

API 📡

• TMDB
• Docs

---

Top Technology 🚀

---

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!