I'll create two React pages with TypeScript and Tailwind CSS for account creation and OTP verification, matching the design in your screenshots.
I've created a React 19 application with TypeScript and Tailwind CSS that includes two pages:
Create Account Page:
- Form with Name, Last Name, Email, and Password fields
- Terms and conditions checkbox
- Sign Up button
- Link to sign in for existing users
- Responsive design with image on the left side
OTP Verification Page:
- 4-digit OTP input fields with auto-focus functionality
- Shows the masked email where the code was sent
- Verify button
- Resend functionality with a 20-second countdown
- Back to sign in link
- Same responsive layout with image on the left
Key Features:
- Form validation and state management
- Routing between pages using React Router
- OTP input with keyboard navigation and paste support
- Responsive design that works on mobile and desktop
- Countdown timer for OTP resend functionality
To run this project:
- Install dependencies with
npm install - Start the development server with
npm run dev