search

aryddntaabbss / SI-HMTI

0 stars 0 forks source link

Profil Pages #4

Closed aryddntaabbss closed 2 weeks ago

aryddntaabbss commented 2 weeks ago

To Do

  1. Setup Proyek

    • Deskripsi: Inisialisasi proyek dengan ReactJS dan Tailwind, serta konfigurasi awal untuk integrasi dengan backend Laravel.
    • Detail: Buat struktur folder, pasang dependensi yang dibutuhkan, dan siapkan konfigurasi dasar untuk Tailwind dan axios (untuk API calls).

  2. Rancangan UI/UX

    • Deskripsi: Buat wireframe dan desain mockup untuk halaman Visi & Misi, Sejarah Singkat, dan Struktur Organisasi.
    • Detail: Gunakan alat seperti Figma atau Adobe XD untuk merancang layout dan skema warna yang konsisten dengan brand.

In Progress

  1. Komponen Halaman Visi & Misi

    • Deskripsi: Kembangkan komponen ReactJS untuk halaman Visi & Misi menggunakan TailwindCSS.
    • Detail: Buat state untuk menyimpan data visi & misi, dan tampilkan data ini menggunakan komponen Tailwind yang responsif.

  2. Komponen Halaman Sejarah Singkat

    • Deskripsi: Kembangkan komponen ReactJS untuk halaman Sejarah Singkat menggunakan TailwindCSS.
    • Detail: Buat layout yang menarik dan informatif untuk menampilkan sejarah singkat organisasi.

  3. Komponen Halaman Struktur Organisasi

    • Deskripsi: Kembangkan komponen ReactJS untuk halaman Struktur Organisasi menggunakan TailwindCSS.
    • Detail: Buat tampilan hirarki yang jelas untuk struktur organisasi, bisa menggunakan diagram atau daftar yang terstruktur dengan baik.

Review

  1. Integrasi API dengan Backend Laravel

    • Deskripsi: Hubungkan frontend dengan backend Laravel untuk mengambil data dinamis.
    • Detail: Gunakan axios untuk melakukan fetch data dari endpoint yang sudah disiapkan di Laravel dan tampilkan di masing-masing halaman.

  2. Pengujian dan Debugging

    • Deskripsi: Uji setiap halaman untuk memastikan tidak ada bug dan semuanya berjalan sesuai desain.
    • Detail: Lakukan pengujian manual dan automated testing jika memungkinkan untuk memastikan performa dan fungsionalitas.

Done

  1. Deploy dan Dokumentasi
    • Deskripsi: Deploy aplikasi ke lingkungan staging/produksi dan buat dokumentasi pengguna serta pengembang.
    • Detail: Gunakan layanan hosting yang sesuai, misalnya Vercel untuk frontend dan Heroku atau DigitalOcean untuk backend. Buat dokumentasi cara penggunaan dan panduan pengembang.