https://github.com/hassanjadi/react-quiz-app

"Create a quiz application using ReactJS and Open Trivia DB"
https://github.com/hassanjadi/react-quiz-app

axios javascript opentdb-api reactjs tailwind-css vite

Last synced: about 1 month ago
JSON representation

"Create a quiz application using ReactJS and Open Trivia DB"

• Host: GitHub
• URL: https://github.com/hassanjadi/react-quiz-app
• Owner: Hassanjadi
• Created: 2023-10-07T13:47:21.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-10-09T07:41:36.000Z (about 1 year ago)
• Last Synced: 2023-10-10T02:32:14.874Z (about 1 year ago)
• Topics: axios, javascript, opentdb-api, reactjs, tailwind-css, vite
• Language: JavaScript
• Homepage:
• Size: 60.5 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Challenge Frontend React.js (Quiz App)

### Buat Aplikasi Kuis menggunakan teknologi React dengan kriteria berikut:

1. Memiliki fitur login

2. Untuk API soal bisa ambil dari [Open Trivia DB](https://opentdb.com/)

3. Jumlah & tipe soal bebas

4. Total soal & jumlah yang dikerjakan ditampilkan

5. Memiliki timer. Jumlah waktu pengerjaan kuis bebas

6. Satu halaman hanya menampilkan satu soal. Jadi ketika user telah memilih jawaban, langsung pindah soal

7. Jika timer habis, soal akan ditutup & menampilkan hasil pengerjaan (jumlah benar, jumlah salah & jumlah jawab)

8. Ketika browser ditutup, ada mekanisme resume kuis. Bisa menggunakan `localstoragebrowser` untuk menyimpan data (Nilai plus)

## DONE

- [x] Memiliki fitur login dan register

- [x] Fetch soal quiz mengambil dari [Open Trivia DB](https://opentdb.com/)

- [x] Jumlah soal 10 dengan tipe "sport"

- [x] Jumlah dan total soal ditampilkan

- [x] Memiliki timer dengan waktu pengerjaan 10 menit

- [x] Menampilkan satu soal per satu halaman

- [x] Menampilkan hasil pengerjaan kuis yang meliputi jumlah benar, jumlah salah, dan jumlah jawab saat kuis selesai atau ketika timer sudah habis

- [x] Simpan hasil pengerjaan di localstorage