The OTP Verification App is a web application that verifies mobile phone numbers using one-time passwords (OTP). It's a simple and user-friendly solution. Having 3 pages: Screen-1: Mobile Number Screen Screen-2: OTP Verification Screen Screen-3: Success Screen
![](https://private-user-images.githubusercontent.com/79409258/270153016-24460807-db48-40e0-a72c-cdd72e4d30c1.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQwMzMyNzYsIm5iZiI6MTcyNDAzMjk3NiwicGF0aCI6Ii83OTQwOTI1OC8yNzAxNTMwMTYtMjQ0NjA4MDctZGI0OC00MGUwLWE3MmMtY2RkNzJlNGQzMGMxLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE5VDAyMDI1NlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWU1ZWFiYmY3MjZkYzljZGM4YjI4YmFmMGZkN2MxMTE0ODMyNWYxOWJkMDg2NzM2YzBjY2Y1NDRjMDA3ZTBlMWImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.dV_r17xeTNZssPXz81Viycu-E7HE6DGa2z307MPj_bo)
![](https://private-user-images.githubusercontent.com/79409258/270153014-ff4ee9ca-9924-427d-a7ba-f6580bc22b21.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQwMzMyNzYsIm5iZiI6MTcyNDAzMjk3NiwicGF0aCI6Ii83OTQwOTI1OC8yNzAxNTMwMTQtZmY0ZWU5Y2EtOTkyNC00MjdkLWE3YmEtZjY1ODBiYzIyYjIxLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE5VDAyMDI1NlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTY1ZjE2YmM5Y2IyMTkxZGZjOWFiN2FkYTkzZjk3ZWYyYWJhZmYzNmQzYmFjNGQ1N2I2OGI0MmIwZjkwMDZjOWImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.EJ5Ce8yzBsLxjZnzCVjK3mPS0YHC0U-eXEpuOugEKwU)
![](https://private-user-images.githubusercontent.com/79409258/270153008-021c1ce2-a8b9-4e42-b3c6-d700fa790dab.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQwMzMyNzYsIm5iZiI6MTcyNDAzMjk3NiwicGF0aCI6Ii83OTQwOTI1OC8yNzAxNTMwMDgtMDIxYzFjZTItYThiOS00ZTQyLWIzYzYtZDcwMGZhNzkwZGFiLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE5VDAyMDI1NlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTNjZjI5N2NjYjRlZDdjMTY1OWEyZWM5NmM2YjEyNmE4M2YzZTVjZGFkYWE5NGI1YWFmZTIyMjFiMzIwMmU3NmQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.pdbKOkDkZiORRUN00XcxCOk9ec2pgZWthEW34nchI94)
- Country Code Selection: Allow users to choose their country code.
- Comprehensive Field Validations: Prevent users from entering incorrect values.
- Error Handling: Handle various scenarios, like incorrect numbers or failed OTP delivery.
- Responsive Design: Ensure the app works on different devices.
- React.js: For the front-end.
- JavaScript (JS): For scripting.
- Firebase: For user accounts and OTP storage.
- SMS Service: For sending OTPs.
- REST API: For backend servers communication
To get started with the OTP Verification App, follow these steps:
- Clone this repository to your local machine.
git clone https://github.com/your-username/otp-verification-app.git
- Navigate to the project directory.
cd otp-verification-app
- Install the required dependencies.
npm install
- Configure Firebase and the SMS service with your credentials and API keys. Refer to the project's documentation for specific configuration details.
- Start the development server.
npm start
- Open your web browser and access the app at
http://localhost:3000
.
- Open the app.
- Enter your mobile number and, if necessary, select the country code.
- Click "Send OTP."
- Check your phone for the OTP.
- Enter the OTP.
- Click "Verify OTP."
- See a success message or error.
- Change the country code or mobile number as needed.