CookBook
A digital cookbook for sharing and discovering recipes
Perusahaan
Self Project
Tahun
2022
Kategori
Cooking
Peran
Front End Developer
Tinjauan
CookBook adalah platform resep digital yang memungkinkan pengguna untuk menemukan dan berbagi ide masakan berdasarkan bahan yang tersedia dan preferensi diet. Ini dikembangkan sebagai salah-satu proyek pertama saya sebagai frontend developer, dengan tujuan mempelajari integrasi API dan desain antarmuka yang berfokus pada pengguna.
Aplikasi ini mengintegrasikan API Edamam untuk mengambil data resep, mendukung permintaan pencarian berdasarkan bahan, batasan diet (misalnya, vegan, bebas gluten), dan kebutuhan nutrisi. UI-nya dibangun menggunakan React dan ditata dengan CSS murni dan kelas utility-first Tailwind, untuk memastikan responsivitas dan aksesibilitas.
Proyek ini meletakkan dasar bagi perjalanan saya sebagai developer, membantu saya memahami cara membangun UI dinamis, bekerja dengan API pihak ketiga, dan menyusun aplikasi React yang mudah dipelihara (maintainable).
Tech Stack
Frontend: React, JavaScript, Tailwind CSS Integrasi API: Edamam Recipe Search API
Tujuan
- Merancang dan mengembangkan antarmuka penemuan resep yang ramah pengguna menggunakan React.
- Terintegrasi dengan API Edamam untuk mengambil dan memfilter resep berdasarkan masukan pengguna dan filter diet.
- Mengaktifkan fungsionalitas pencarian berdasarkan bahan untuk memberikan pengalaman memasak yang lebih personal.
- Menerapkan prinsip tata letak yang responsif untuk memastikan kegunaan di berbagai ukuran layar.
- Memperoleh pengalaman dasar dalam penanganan API, penyusunan komponen, dan manajemen state.
- Membangun dashboard dan antarmuka pencarian yang menarik secara visual untuk memperkaya pengalaman pengguna secara keseluruhan.
Galeri Proyek
Sekilas tampak tentang proyek ini