Bereaksi e -commerce oleh jobsimulator.dev
Ini adalah situs e-commerce sederhana yang dibuat dengan React dan tailwindcss. Tugas Anda adalah memperbaiki 8 masalah:
- Urutkan Produk berdasarkan Harga dan Tanggal Rilis
- Kegigihan gerobak saat menyegarkan
- Tambahkan Fungsi Filter Produk
- Produksi produk menyebabkan loop tak terbatas
- Perlu menampilkan 'keranjang kosong' saat keranjang kosong di halaman kereta
- Perbarui keranjang di NAV dengan ukuran gerobak
- Keranjang tidak tutup saat pengguna mengklik wilayah abu -abu
- Subtotal tidak diimplementasikan di halaman keranjang
Tujuan pembelajaran
Anda akan berlatih dan mendapatkan pengalaman dengan:
- Styling Webapps dengan tailwindcss
- Menggunakan react hooks (usestate, useeffect)
- Memanipulasi, menggabungkan, menyortir, dan menampilkan data
- Bekerja dengan Tabel di React
- Menerapkan keranjang belanja
- Bekerja dengan Penyimpanan Lokal
- Pemformatan mata uang
- Menarik data dari API
Bagaimana mulai bekerja
- Gabungkan repo ini dan klon secara lokal.
- Instal dependensi dengan menjalankan
npm i - Jalankan aplikasi secara lokal dengan menjalankan
npm run dev:frontend untuk memulai frontend, dan npm run dev:backend untuk memulai backend. - Kunjungi http: // localhost: 3000 untuk melihat situs tersebut.
- Perbaiki semua masalah (petunjuk disediakan sebagai komentar todo dalam kode)
- Setelah semua solusi Anda selesai, buat satu permintaan tarik ke repositori ini
- Periksa apakah solusi Anda lulus tes otomatis kami.
Butuh bantuan?
Cara terbaik untuk meminta bantuan adalah dengan meminta komunitas perselisihan kami.
Klik di sini untuk bergabung dengan jobsimulator.dev Discord.
Ingin lebih banyak tantangan?
Jelajahi daftar tantangan kami dan bergabunglah dengan perselisihan kami untuk diberitahu ketika tantangan baru dirilis.
