fe-14/greenpeace-frontend

Greenpeace adalah sebuah organisasi non-profit yang bergerak di bidang lingkungan hidup.

greenpeace-frontend's Issues

Perbarui dokumentasi `README.md` file

Perbarui dokumentasi README.md dan sesuai kan dengan yang sudah ditambahkan atau dihilangkan setelah sesuai setup hal yang dibutuhkan untuk migrasi menggunakan React #53 .

Update dan fix bagian footer

Fix footer untuk gambar accent nya tidak ketampil dengan baik.

Dan update konten footer, masukkan link section dari Kenali Greenpeace seperti di design figma

Update di branch update-and-fix-footer

Buat fitur tambahan

Buat formulir pendaftaran sukarelawan dan datanya disimpan di mockAPI

Buat halaman `Tentang Kami`

Buat basic layout untuk semua halaman

Buat basic layout header, main content, dan footer ke semua halaman beranda, blog, dan artikel

Fix ukuran gambar pada halaman artikel

Fix ukuran gambar pada halaman artikel saat di ukuran mobile

Update SEO untuk tiap halaman

Perbarui SEO untuk tiap halaman

Buat data tambahan dengan tag polusi

Cari dan tambahkan data artikel dengan tag polusi. Masing-masing 5 data artikel. Kabari kalo sudah selesai @intanpermata11 @meilyanaanisa . Tambah di data.json pada branch add-new-article-data

Buat wireframes website di website Whimsical

Tolong buatkan wireframe dari website kita nantinya di Whimsical website

Buat Articles page

Buat Articles page untuk nampilin semua data artikel. Data artikel ambil melalui API yang sudah ada di README.md.

Membuat slidedeck presentasi

@intanpermata11 @meilyanaanisa @ersankarimi

Jangan lupa untuk buat slidedeck presentation nanti nya

Buat komponen footer

Buat komponen footer dan akan di masukkan ke dalam komponen RootLayout

Buat custom hook menggunakan `SWR`

Buat custom hook menggunakan SWR

Creating a BRD Document in Whimsical

Buat Dokumen BRD di situs web Whimsical

Fix konten menjadi aktivis digital

Perbaikin bagian konten Menjadi Aktivis Digital di halaman beranda

Buat dashboard admin

Fix konten artikel terbaru di beranda

Untuk konten artikel di halaman beranda cukup ambil 3 konten saja yang terbaru tidak usah semua

Fix warna input pada halaman `search`

Atur warna dari field search input pada halaman search itu menjadi bg-transparent.

Perbaikin pada branch update-search-field-on-search-page

Fix ukuran card menjadi aktivis digital

Perbaikin ukuran card item pada bagian menjadi aktivis digital pada halaman beranda saat ada ditampilan homepage

Terapkan Skeleton pada bagian artikel di Beranda

Buat form login admin

Buat halaman yg menampilkan semua artikel

Install react-loading-skeleton

Install library tersebut dan akan digunakan dalam beberapa komponen dan halaman. Link library https://github.com/dvtng/react-loading-skeleton#readme

Fix navbar saat ditampilan mobile

Fix navbar saati ditampilan mobile (dibuka menggunakan hamburger menu). Saat di klik di luar navbar otomatis menutup navbar nya

Update konten `Navbar`

Hapus link Beranda dan ganti dengan Kenali Greenpeace (dropdown). Item dropdown nya itu ada Tentang, Sejarah, dan Kemenangan.

Buat 3 halaman utama website

Membuat 3 halaman utama website:
[ x ] Beranda @ersankarimi
[ x ] Halaman artikel @intanpermata11 @meilyanaanisa
[ x ] Baca halaman artikel @ersankarimi

Buat halaman Kemenangan

Buat fitur search di artikel page

Cek dan perbarui dokumen BRD

Cek BRD yang sudah dibuat dan sesuaikan dengan yang ada pada video ini. Jika perlu diperbarui silahkan diperbarui @meilyanaanisa .

Fix setup untuk persiapan migrasi menggunakan React dan ekosistem lainnya

Setup persiapan yang diperlukan seperti dependencies yang akan digunakan untuk migrasi proyek menggunakan React, redux, eslint, prettier, dan ekosistem lainnya yang diperlukan.

Fix bug pada Navbar

Saat tampilan mobile link yang ada di navbar saat klik harus otomatis tutup navbarnya.

Tambahkan Link baru pada navbar yaitu Beranda

Buat halaman `Sejarah`

Buat halaman sejarah di branch 'create-sejarah-page`

Buat bagian (section) untuk intro ke halaman `Tentang Kami`

Buat section nya di halaman Homepage @intanpermata11

Buat di branch create-intro-about-on-homepage

Setup Tailwind CSS

Migrasi dari menggunakan Bootstrap menjadi Tailwind CSS

Note : Update README.md sekaligus untuk bagian CSS framework nya

Perbaikin style saat elemen di focus

Perbaikin style untuk element yang bisa di focus saat di focus, seperti tombol, link, dan lainnya

Fix handle buka dan tutup navbar

Tambahkan navbar.js di halaman blog, artikel, dan beranda

Buat REST API URL Endpoints di mockapi.io

Buat REST API URL di mockapi.io untuk GET data posts

Buat halaman beranda

Buat tampilan dari halaman beranda (Homepage). Page ini akan ditampilkan ketika user pertama kali membuka website

Update version package.json

Update version di package.json jadi 1.0.0

Atur saat membuka homepage maka fetching data

Pindahkan dispatch di App component ke homepage

Buat .env.example file

Buat file .env.example file yang akan di ikutkan saat di commit

Tambah data artikel

Cari beberapa data artikel lagi untuk nantinya ditambahkan ke Mock API yang digunakan sebelum nya @intanpermata11 @meilyanaanisa.

Fix ukuran navbar di desktop

Rubah ukuran dari navbar saat di desktop. Untuk ukuran sekarang itu masih bisa dibilang terlalu besar.

Buat halaman blog

Halaman blog ini akan ditampilkan untuk membaca artikel yang dipilih sebelumnya

Kumpulkan beberapa data posts

@intanpermata11 @ersankarimi

Kumpulkan beberapa data post untuk membantu tahap pengembangan (development)

Update semua url param dengan bahasa Inggris

Rubah semua url params yang bahasa inggris ke bahasa inggris

Buat tampilan untuk menampilkan detail artikel

Buat halaman yang menampilkan detail artikel (halaman untuk membaca artikel yang dipilih)

Buat fungsionalitas search di beranda

Membuat fungsionalitas fitur search di halaman beranda. Nantinya saat hasil dari search nya akan di arahkan kedalam page search