search-engine Tailwind Templates

Search Engine

belajar menggunakan react + tailwind

Makan Mana? React App

  1. Buat 2 halaman
  2. Halaman search dan result: Seperti halaman result pada google, ada kolom pencarian text di atas dan result di bawah, ada 2 tombol, tombol pencarian random dan tombol pencarian nama
  3. Halaman detail: Halaman yang menunjukkan restoran yang dipilih
  4. Halaman Search Memungkinkan mencari dengan 2 metode a. Mencari 1 restoran dengan rating 4.2++ secara random b. Mencari 10 restoran menggunakan pencarian nama
  5. Halaman detail Berisi detail dari restoran tersebut, Lokasi, Gambar, Nama dan Nomor Telepon
  6. npm run develop akan menjalankan server tersebut, npm run test akan menguji react app tersebut.
  7. Package yang diperbolehkan, react, react router dom, axios, jest dan enzyme (boleh TS atau JS)
  8. Lengkap dengan unit test a. Unit test untuk kegiatan pencarian metode pertama b. Unit test untuk kegiatan pencarian metode kedua

Faktor penilaian,

  1. Kerapihan kode dan dokumentasi
  2. Kelengkapan unit test, semakin lengkap dan rapih semakin baik

Top categories

Loading Svelte Themes