cat-photo-app
Final result of the ‘Cat Photo App’ workshop from the freeCodeCamp Responsive Web Design Certification. Learning how to build accessible and well-structured web applications.
Cat Photo App - Responsive Web Design Project
Aplikasi web ini adalah proyek praktik yang saya selesaikan sebagai bagian dari kurikulum Responsive Web Design di freeCodeCamp.org. Melalui kursus ini, saya dibimbing untuk memahami fondasi utama dalam membangun halaman web yang modern dan aksesibel.
🎓 Hasil Pembelajaran
Proyek ini merupakan hasil bimbingan intensif yang mencakup:
- HTML5 Semantik: Mempelajari cara menggunakan elemen seperti
<main>,<section>, dan<figure>untuk struktur kode yang lebih rapi dan terbaca oleh mesin. - Manajemen Form: Membangun formulir interaktif dengan berbagai tipe input seperti radio buttons, checkboxes, dan text input.
- Aksesibilitas Web: Menerapkan atribut
altpada gambar dan struktur heading yang benar untuk mendukung perangkat pembaca layar (screen readers). - Struktur Dokumen: Mengatur metadata dokumen pada bagian
<head>termasuk pengaturancharset="utf-8".
🛠️ Teknologi yang Digunakan
- HTML5: Fokus utama pada penataan struktur konten dan elemen formulir.
📸 Tampilan Aplikasi
🔗 Demo Langsung
Hasil akhir dari proyek bimbingan ini dapat diakses melalui: Klik di sini untuk melihat Demo Project
Project ini dikembangkan sebagai bagian dari perjalanan belajar saya menuju sertifikasi Desain Web Responsif.