random recipes

Generator resep acak

Ini adalah latihan aplikasi React untuk mencakup dua tujuan pembelajaran:

• Ambil dan tampilkan informasi dari sumber data eksternal menggunakan React
• Gunakan react hooks jika perlu untuk mengelola status dan siklus hidup

Keterangan

Aplikasi ini akan menampilkan sejumlah resep acak kepada pengguna, menggunakan API Spoonacular

Teknologi

• Bereaksi (javascript)

Proyek ini bootstrap dengan aplikasi Create React.

Memulai

Untuk memulai, klon direktori ini dan instal benang jika Anda belum memilikinya.

Di direktori proyek, Anda dapat menjalankan:

yarn install

Siapkan lingkungan Anda untuk menjalankan aplikasi, menginstal segala dependensi yang diperlukan

yarn start

Menjalankan aplikasi dalam mode pengembangan.
Buka http: // localhost: 3000 untuk melihatnya di browser.

Halaman ini akan memuat ulang jika Anda mengedit.
Anda juga akan melihat kesalahan serat di konsol.

Perencanaan

Fungsionalitas

• Tampilkan 1 resep acak untuk pengguna
• Resep Termasuk: Judul, Gambar, Waktu Persiapan, Kredit, Ringkasan, Masakan
• Pengguna dapat mengklik tautan untuk melihat resep di jendela baru
• Pengguna dapat mengklik untuk melihat resep lain
• Bonus: Pengguna dapat mengubah jumlah resep yang ingin mereka lihat
• Bonus: tidak ada resep yang terlihat sampai tombol klik pengguna terlebih dahulu