Spicy Heat

Fitur yang harus ada pada aplikasi:

1. App Bar (Navigation Bar)
   Syarat:
   • Menampilkan nama aplikasi atau brand logo dari aplikasi katalog restoran (tentukan sendiri nama aplikasi atau brand logonya).
   • Terdapat navigation menu:
     • Home -> mengarah ke root domain.
     • Favorite -> target URL cukup bernilai “#” (Sebagai placeholder untuk digunakan pada submission selanjutnya).
     • About Us -> arahkan ke profil LinkedIn/Github/Social Media Anda, atau boleh juga ke personal web/blog.
   • Terdapat fitur navigation drawer yang berfungsi dengan baik bila diakses pada layar seluler.
2. **Hero Element (Jumbotron Element)
   **Syarat:
   • Menampilkan hero element (berukuran full width) dengan gambar yang sudah ditentukan, silakan pilih salah satu aset yang disediakan di dalam starter proyek, src -> public -> images -> hero. Gambar yang tidak digunakan, bisa Anda hapus.
   • Terdapat teks yang ditampilkan pada hero elemen. Konten teks bebas, namun akan lebih baik jika relevan dengan konten yang ditampilkan.
3. Daftar Restoran
   Syarat:
   • Menampilkan daftar restoran berdasarkan data yang sudah disediakan di dalam project starter (src -> DATA.json), untuk menampilkannya boleh melalui cara hardcoded di berkas HTML, atau menggunakan DOM manipulation menggunakan JavaScript.
   • Minimal menampilkan gambar, kota, rating, dan deskripsi (bisa diberi maksimal teks) dari restoran.
4. Footer
   Syarat:
   • Terdapat footer yang ditampilkan di bawah halaman.
   • Terdapat konten copyright mencangkup tahun dan nama aplikasi. Contoh: “Copyright © 2020 - Hunger Apps”.
5. Responsibilitas Tampilan
   Syarat:
   • Tampilan web app harus responsif pada seluruh ukuran layar (mobile - tablet - desktop). Utamakan tampilan mobile terlebih dahulu.
   • Gunakan teknik Grid CSS atau Flexbox dalam menyusun layout. Bila terdapat float, submission akan ditolak.
   • Menetapkan ukuran viewport secara dinamis berdasarkan layar device yang digunakan.
6. Aksesibilitas Website
   Syarat:
   • Seluruh fungsionalitas website dapat dilakukan dengan menggunakan keyboard. Contohnya mengakses tombol hamburger button, mengakses tautan yang ada.
   • Menerapkan teknik skip to content untuk melewati focus pada menu navigasi.
   • Terdapat alternative teks pada seluruh gambar yang ditampilkan. Bila hanya gambar tidak memiliki arti apapun, cukup berikan atribut alt dengan nilai kosong.
   • Ukuran elemen button/tautan harus memiliki ukuran minimal 44x44px.
   • Menggunakan semantic element dalam menyusun struktur dan landmarking HTML.

Attribute

• Chill Icon pngtree
• Font Awesome
• Google Font