PenCraft: React frontend, Cloudflare Workers backend. Features Prisma for DB, JWT for auth, and Tailwind CSS with Aceternity UI components for styling. Simplifying blogging with efficiency.
Description
Implement a Password Recovery Feature to allow users to reset their passwords if forgotten. The feature should include:
Email Input – Collect user's registered email to send an OTP.
OTP Verification – Verify the OTP entered by the user.
Password Reset – Allow the user to set a new password after successful OTP verification.
This will improve the user experience by enabling seamless account recovery.
Approach
Frontend Implementation:
Build the recovery workflow in React.js.
Use alerts for OTP simulation and feedback.
Structure code for easy backend API integration in the future.
UI Components:
Email input field
OTP input section
Password reset form
Benefits
Enhances user experience by ensuring easy account access recovery.
Prepares the application for future backend OTP handling.
Description Implement a Password Recovery Feature to allow users to reset their passwords if forgotten. The feature should include:
Email Input – Collect user's registered email to send an OTP. OTP Verification – Verify the OTP entered by the user. Password Reset – Allow the user to set a new password after successful OTP verification. This will improve the user experience by enabling seamless account recovery.
Approach Frontend Implementation: Build the recovery workflow in React.js. Use alerts for OTP simulation and feedback. Structure code for easy backend API integration in the future. UI Components: Email input field OTP input section Password reset form Benefits Enhances user experience by ensuring easy account access recovery. Prepares the application for future backend OTP handling.
Screenshots: