Recipedia merupakan website resep masakan yang dilengkapi dengan informasi estimasi kalori pada setiap menu. Website ini dibangun menggunakan React.js dengan tampilan yang clean, interaktif, dan mudah digunakan untuk membantu pengguna menemukan resep sekaligus memperhatikan asupan nutrisi.
My Role
- Mengembangkan antarmuka menggunakan React.js
- Membangun komponen reusable untuk daftar dan detail resep
- Mengelola state dan rendering data dummy
- Mendesain layout responsif dan user-friendly
Problem
Banyak platform resep hanya menyediakan langkah memasak tanpa informasi nilai kalori, sehingga pengguna yang ingin mengontrol pola makan harus mencari informasi tambahan secara terpisah.
Solution
Recipedia dikembangkan sebagai website berbasis React yang menampilkan daftar resep lengkap dengan detail bahan, langkah memasak, serta estimasi kalori dalam satu tampilan terstruktur. Data yang digunakan masih berupa dummy data sebagai simulasi struktur aplikasi dan pengelolaan state.
Result
Project ini berhasil menunjukkan kemampuan dalam membangun aplikasi berbasis komponen menggunakan React.js, mengelola state dan rendering data secara dinamis, serta menyusun struktur aplikasi yang scalable meskipun masih menggunakan data dummy.