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)