01Quiz Web Application
Guizye-Israel-New
An interactive quiz application with timer-based questions, real-time score tracking and a leaderboard.
- Role
- Frontend Developer
- Type
- Web Application
- Status
- Delivered
- Availability
- No public link listed
Guizye-Israel-New
Quiz Web Application
Interactive quiz engine featuring live timer countdowns, immediate answer validation, and client-side leaderboard tracking.
Overview
Guizye-Israel-New is a quiz web application. Players answer timed questions, see their score update as they go, and their progress and standing are kept in a leaderboard.
My role
I built the responsive React interface, the timed quiz experience, form validation and client-side state for progress and the leaderboard.
The problem
A quiz needs to feel immediate: a visible countdown, instant feedback on every answer and a score that always reflects the current state.
What I built
- An interactive quiz UI with timer-based questions and real-time score tracking.
- A responsive frontend using React.js and Bootstrap.
- Form validation using Zod and React Hook Form.
- Application state for user progress and the leaderboard, managed with LocalStorage.
- UI performance tuning for a smooth user experience.
Key features
- Timer-based questions
- Real-time score tracking
- Leaderboard
- Saved user progress
- Validated forms
Technology stack
- React.js
- Bootstrap
- Zod
- React Hook Form
- LocalStorage
Implementation details
- Schema-based validation with Zod, wired into React Hook Form for predictable form behavior.
- Progress and leaderboard state persisted in LocalStorage rather than a backend.
- Layout built on Bootstrap so the quiz stays usable across screen sizes.
Outcome
Delivered as described above. I don’t publish usage numbers or business results for this project, because I don’t have verified figures to share.
Links
No public demo or repository is listed for this project. If you’d like to know more about it, get in touch.
Related projects
Selected Works- 02 / 04Full StackASTROIQ
Astro-IQ-React
Astrology Web Application
Full-stack astrology platform with personalized horoscope predictions, temporal period transitions, and RESTful data pipelines.
React.jsNode.jsExpress.js+1 more - 04 / 04Full StackPRINCIPALADMINTEACHERPEON/STAFFERP COREMulti-Tenant1 PlatformParent App Marksheet Sync:Live
Multi-School Management ERP
Multi-Tenant School ERP Platform
Proprietary multi-tenant school ERP engineered in React for Emaad Infotech — dynamic school POV, 4-tier RBAC, marksheet sync, fees ledger & campus elections.
React.jsTypeScriptRedux Toolkit+3 more