What Do I Cook? - Next.js

Patrick Santino

Sosial Media


0 orang menyukai ini
Suka

Summary

What Do I Cook adalah website yang memiliki tujuan untuk memberikan ide kepada seseorang makanan apa yang ingin mereka masak. Fitur dari website ini sementara berfungsi sebagai galeri atau kumpulan data-data resep makanan yang diambil dari api Spoonacular. Fitur lain yang bisa digunakan adalah pencarian resep makanan, dan memilih satu resep secara acak (Random). Kedepannya pengguna dapat mengakses fitur-fitur seperti detil resep makanan, resep, alat dan bahan, langkah-langkah pembuatan makanan.

Description

Makanan merupakan salah satu kebutuhan primer manusia. Tanpa makanan manusia tidak bisa menjalankan aktifitas seperti bekerja, olahraga, belajar, dan lain-lain. Di dunia ini banyak makanan unik yang memiliki cita rasa khas masing-masing yang dibuat dengan bahan yang berbeda-beda. Setiap orang memiliki selera makanan masing-masing. Di era pandemi ini, kegiatan makan di luar berkurang sedangkan kegiatan memasak bertambah. Namun, apakah orang-orang tahu apa yang ingin mereka masak? Apakah tidak bosan memasak telur, mi instan, nasi goreng, tempe goreng, tahu goreng, dan ayam goreng melulu? 

Aplikasi ini sengaja dibuat agar orang-orang khususnya yang sering memasak di rumah memiliki ide makanan yang akan mereka masak. Makanan yang dimasak sebaiknya bervariasi, bernutrisi dan memiliki tampilan yang menarik untuk meningkatkan kualitas hidup Anda. Semua orang bisa memasak telur ceplok, namun apakah anda bisa memasak omelette rice atau disingkat omurice, atau beef, cheese and tomato omelette? Selain rasa, tekstur, dan tampilan yang berbeda, bahan-bahan yang digunakan untuk membuat makanan ini bervariasi dan memberikan nutrisi yang lengkap bagi tubuh.

Dengan adanya website ini, pengunjung dapat menggunakan fitur-fitur berikut:

  • Meal Plan, yaitu sebagai rekomendasi rencana masakan hari ini.
  • New Recipes, yaitu resep-resep baru yang bisa dicoba untuk dimasak.
  • Search Recipe, yaitu pencarian resep-resep sesuai keyword yang pengunjung masukkan.
  • Random Recipe, memberikan pengunjung sebuah resep makanan acak.

Website ini dibangun menggunakan beberapa tools web development sebagai berikut:

  • Next.js (React.js Framework), untuk membuat website What Do I Cook.
  • Node.js, untuk menjalankan server
  • Spoonacular API, untuk dijadikan sumber data resep makanan
  • TailwindCSS, untuk styling
  • Browser, untuk memerika pengembangan website secara langsung

Informasi Course Terkait
  Kategori: Web Programming
  Course: Master Class Full Stack Programming