React/Firebase Developer for an Adventure Game Platform

---

---

Project Overview: I’m building a web-based experiment framed as an adventure game with seven "gates" that must be crossed to complete the game. I need a skilled web developer to deliver a proof-of-concept skeleton with core features—so I can iterate and expand it myself. ________________________________ What You’ll Build: React FrontEnd & Authentication React.js project setup with Firebase Authentication (email/password). Secure login/signup and session management. Questionnaire Module Short built-in form capturing demographics, experience & belief questions, and a brief personality inventory. Store responses in Firestore linked to each user’s data. Data-Driven Candle Animation + Audio Canvas or Framer Motion component that reads prerecorded JSON numeric arrays (from Firebase Storage) and smoothly animates a candle flame (brightness, flicker) based on the number sequence in the array. Integrate a looping crackling-fire audio track whose volume or EQ tracks flame intensity. Session Assignment & Backend Logic Firebase Functions (or Node/Express) to assign each new user a unique JSON data session on first play. Each session would last for 30 seconds during which the candle flame would continually change according to the sequence of numbers in the array. Ensure each session’s data array is used only once per user per session. Progress Tracking & Leaderboard Record gate-completion status and questionnaire link in Firestore. Display a simple leaderboard showing each user’s progress (number of gates cleared) and placeholder “score” fields for future metrics. Documentation & Walkthrough Concise README plus a short screen-share or video explaining: Project setup and repo structure How to add new gates (React component + JSON array) How to tweak animation/audio mappings and backend logic _____________________________________________ Key Deliverables: GitHub repo with working React/Firebase skeleton Questionnaire component integrated with user profiles CandleAnimation component tied to JSON data and dynamic audio Firebase Auth, Firestore, Storage, and Functions (or Express) setup Leaderboard UI reflecting user progress Written docs & 5-10 min walkthrough video ________________________________ Skills & Experience Required: React.js (hooks, component architecture) Firebase (Auth, Firestore, Storage, Functions) JavaScript Animations (HTML5 Canvas or Framer Motion) Audio Integration (Web Audio API or Howler.js) Node.js/Express (if not using Firebase Functions) Clear, concise technical documentation ________________________________ Timeline & Budget: Fixed Price: $2,000 USD Estimated Effort: ~50 hours Target Delivery: 3–4 weeks from project start ________________________________ How to Apply: Please include in your proposal: Brief intro and links to relevant React/Firebase projects Confirmation you can deliver this scope for $2K within the timeline Any clarifying questions about the spec I’ll review proposals within 3 business days.

Keyword: UI Development

Price: $2.0

Web Application JavaScript React Firebase