Netflix Clone with 2FA Auth
Budget: $8 – $15 USD
I need a clean, responsive Netflix-style interface that relies on plain HTML5, Tailwind CSS and a touch of JavaScript. The visual side should mirror Netflix’s familiar dark theme, hero banner and thumbnail grid, but the real priority is a rock-solid user authentication flow secured with two-factor authentication.
Here’s the flow I’m after: a visitor signs up with email and password, receives a one-time code by SMS or email, enters it, and only then gains access to the protected area. You’re free to use any mainstream service—Firebase, Auth0, Supabase, Twilio, etc.—as long as you document your choice and keep the setup straightforward.
After login the user lands on a dashboard that shows placeholder movie cards arranged in a responsive grid. Actual streaming, search or filtering features aren’t needed yet; the grid is just scaffolding so I can slot content later. All pages must adapt gracefully from desktop to mobile, and the codebase should stay entirely within Tailwind’s utility classes without extra CSS frameworks.
Deliverables
• Fully responsive landing, sign-up, sign-in and dashboard pages built with HTML5 + Tailwind CSS
• Working two-factor authentication (register, login, resend code, logout) wired to a live provider
• Clean, commented source pushed to my private GitHub repo, plus a concise README for local setup
Acceptance criteria
– Lighthouse scores ≥ 90 for performance and accessibility on auth pages
– Protected routes remain inaccessible until 2FA is successfully completed
– No custom CSS files—Tailwind utilities only
If this sounds like a fit, let’s get started.
Here’s the flow I’m after: a visitor signs up with email and password, receives a one-time code by SMS or email, enters it, and only then gains access to the protected area. You’re free to use any mainstream service—Firebase, Auth0, Supabase, Twilio, etc.—as long as you document your choice and keep the setup straightforward.
After login the user lands on a dashboard that shows placeholder movie cards arranged in a responsive grid. Actual streaming, search or filtering features aren’t needed yet; the grid is just scaffolding so I can slot content later. All pages must adapt gracefully from desktop to mobile, and the codebase should stay entirely within Tailwind’s utility classes without extra CSS frameworks.
Deliverables
• Fully responsive landing, sign-up, sign-in and dashboard pages built with HTML5 + Tailwind CSS
• Working two-factor authentication (register, login, resend code, logout) wired to a live provider
• Clean, commented source pushed to my private GitHub repo, plus a concise README for local setup
Acceptance criteria
– Lighthouse scores ≥ 90 for performance and accessibility on auth pages
– Protected routes remain inaccessible until 2FA is successfully completed
– No custom CSS files—Tailwind utilities only
If this sounds like a fit, let’s get started.
Related categories:
JavaScript
Website Design
CSS
HTML5
Web Development
Frontend Development
Twilio
Tailwind CSS