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

Quiz App, using Open Trivia DB for Question APIs, and Reactjs
https://github.com/ahmadhabibi14/react-quiz-app

axios opentdb-api quizapp react tailwind vercel

Last synced: 14 days ago
JSON representation

Quiz App, using Open Trivia DB for Question APIs, and Reactjs

• Host: GitHub
• URL: https://github.com/ahmadhabibi14/react-quiz-app
• Owner: ahmadhabibi14
• Created: 2023-04-18T15:34:53.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-11-01T13:45:01.000Z (over 1 year ago)
• Last Synced: 2024-12-04T06:08:19.139Z (2 months ago)
• Topics: axios, opentdb-api, quizapp, react, tailwind, vercel
• Language: JavaScript
• Homepage: https://quizzer-trivia.vercel.app/
• Size: 113 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Challenge Frontend React.js

## TODO

- [x] Pertanyaan dan pilihan jawaban

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

- [x] Set Timer, jika timer habis maka soal akan di tutup

- [x] Login atau Autentikasi, pakai `Firebase`

- [ ] Simpan hasil pengerjaan di localstorage

- [x] Tampilkan hasil pengerjaan (jumlah benar, jumlah salah & jumlah jawab)

- [ ] Perbaiki copywriting dan UI

- [ ] Tampilan responsif

### 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)