Smart Reading Guide Quiz — Two Sections (Kids & Adults) with AI Support
We need a developer to build a polished, step-by-step book discovery quiz with two separate experiences — one for children, one for adults — integrated with N8n via API.
How It Works:
User selects their section: Kids or Adults
Enters their phone number or email at the start
If recognized → greeted by name + previous recommendations are displayed
If new → proceeds through 10 questions, one per page with smooth transitions
On completion, answers are sent as JSON to an N8n webhook
A personalized recommendations page displays suggested books
Question Types:
Multiple choice
Visual choice (image/icon-based options)
Key Features:
Kids Section
Child-friendly UI (with optional interactive animated character if feasible)
Sound support — audio feedback sounds play when answering questions and throughout the quiz
Age-appropriate book recommendations
Smart User Recognition
User enters phone number or email at the beginning
System checks if user exists:
Returning user → welcomed by name + previous recommendations recalled and displayed
New user → starts the full quiz flow
Recommendations Page
Maximum 9–10 book cards displayed, optimized to fit the 55-inch screen layout
Each book card contains:
Book summary
Publisher name
Author name + short biography
Price (displayed prominently)
Booth/Stand number (displayed prominently)
Book rating system + recommendation quality rating
Author info button on each book card
Request consultation session button
Share recommendations button — sends results via email or SMS
Start New Quiz button — allows user to restart the quiz from scratch
Auto-Reset
If no interaction is detected for 2 minutes, the system automatically returns to the home page
Accessibility
Full support for users with disabilities (screen reader, high contrast, font size controls)
Multilingual
Full Arabic (RTL) + English (LTR) with language toggle
Additional language support via WordPress translation plugin (based on available installed languages)
Design & Display
A reference design will be provided — output should closely match it
Optimized for 55-inch interactive touchscreens
Navigation restricted to quiz flow only — users can only move via Next / Previous buttons or by answering questions
Mobile-friendly UI as secondary support
N8n Integration:
On quiz completion → POST all answers as JSON to N8n webhook
Full API documentation will be provided by the client
Deliverable: A complete interactive quiz webpage, fully functional on 55-inch interactive screens, built on or compatible with WordPress, with all features listed above
Timeline: 5 days
Budget: $750
Contract duration of 1 to 3 months.
Mandatory skills: JavaScript / HTML / CSS, N8n / Webhook Integration, Bilingual Web Development (Arabic / English) — RTL & LTR, SMS & Email Notification Integration, Supabase, WordPress, API Integration, PHP, JavaScript