Secure Responsive Prototype Designer
Experienced Frontend Developer Needed for Secure Two-Page Prototype (NDA Required)
Project Overview
I need a simple, visually clean, and responsive two-page web prototype to demonstrate a secure, time-sensitive verification flow for an investor pitch.
This is not a production build, it’s a clickable prototype designed to look polished and function smoothly for live demonstrations. The actual concept will be shared only after you sign a mutual NDA.
High-Level Requirements
Two HTML pages styled with Tailwind CSS (loaded via CDN).
Client-side logic built with Vanilla JavaScript (no heavy frameworks).
-Lightweight cloud backend using Firebase Firestore (free tier).\
Anonymous Firebase Auth for reads/writes.
Basic code creation, storage, and retrieval with:
Time-limited expiry (e.g., 5 minutes) + visible countdown timer on the confirmation page.
Single-use/replay prevention.
Polished UI features:
Loading skeletons (no default spinners).
Clear success/error states with icons and short text.
Fully responsive design for desktop and mobile.
Basic accessibility (focus styles, ARIA labels).
Pre-fill demo data button on the initiator page for presentations.
Inline modal or drawer for simulated message display (mock SMS/email, showing the generated code).
Copy-to-clipboard button for the generated code.
Subtle animation polish (e.g., checkmark pop-in on success).
Optional QR code generation (via a small JS library).
Deliverables
Two functional HTML pages styled with Tailwind CSS.
Integrated with Firebase Firestore + Auth.
Demo-grade Firebase Firestore security rules.
Responsive, accessible design.
Brief README + short Loom walkthrough showing setup and demo flow.
Skills Required
HTML5, CSS3, Tailwind CSS.
JavaScript (Vanilla ES6).
Firebase Firestore + Auth.
Responsive web design best practices.
Basic accessibility.
Budget & Timeline
Budget: $1,800 - $2,200
Timeline: 2–3 weeks from kickoff.
Payment: Milestone-based (e.g., Page 1 completion, Page 2 completion, QA & Handover).
How to Apply
Please provide:
Confirmation you are willing to sign an NDA before receiving the full brief.
Links to 2–3 projects that show similar skills (Tailwind + Firebase preferred).
Your estimated hours and earliest start date.
Job Qualifications
- Experienced Frontend Developer Needed for Secure Two-Page Prototype (NDA Required)
- Two HTML pages styled with Tailwind CSS (loaded via CDN)
- Client-side logic built with Vanilla JavaScript (no heavy frameworks)
- Lightweight cloud backend using Firebase Firestore (free tier).\
- Anonymous Firebase Auth for reads/writes
- Basic code creation, storage, and retrieval with:
- Loading skeletons (no default spinners)
- Clear success/error states with icons and short text
- Fully responsive design for desktop and mobile
- Basic accessibility (focus styles, ARIA labels)
- Subtle animation polish (e.g., checkmark pop-in on success)
- Optional QR code generation (via a small JS library)
- Integrated with Firebase Firestore + Auth
- Demo-grade Firebase Firestore security rules
- Responsive, accessible design
- HTML5, CSS3, Tailwind CSS
- JavaScript (Vanilla ES6)
- Firebase Firestore + Auth
- Responsive web design best practices
- Basic accessibility
Job Benefits
- Budget: $1,800 - $2,200
Job Responsibilities
- I need a simple, visually clean, and responsive two-page web prototype to demonstrate a secure, time-sensitive verification flow for an investor pitch
- Time-limited expiry (e.g., 5 minutes) + visible countdown timer on the confirmation page
- Single-use/replay prevention
- Pre-fill demo data button on the initiator page for presentations
- Inline modal or drawer for simulated message display (mock SMS/email, showing the generated code)
- Copy-to-clipboard button for the generated code
- Two functional HTML pages styled with Tailwind CSS
- Brief README + short Loom walkthrough showing setup and demo flow
- Timeline: 2–3 weeks from kickoff
- Payment: Milestone-based (e.g., Page 1 completion, Page 2 completion, QA & Handover)