This Flutter project demonstrates a sign-in and sign-up flow using phone number verification. It consists of three screens: Login, Phone Sign In, and Verification. The user can enter their phone number, receive a verification code, and verify their phone number to access the app's features.
- Login Screen: The initial screen where users can choose to sign in or sign up using their phone number.
- Phone Sign In Screen: Users can enter their phone number and request a verification code to sign in.
- Verification Screen: After receiving the verification code, users enter it to verify their phone number and gain access to the app.
- Flutter SVG: ^2.0.4 - A Flutter library for parsing and rendering SVG files.
- Pinput: ^2.2.31 - A customizable PIN code input widget for Flutter.
Here you can find the screenshots showcasing the user interface and the flow of the app.
![](https://private-user-images.githubusercontent.com/72064462/244091520-2233ddf9-78a4-4190-acc3-c24e0fc2c6c1.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQxMDA3MDUsIm5iZiI6MTcyNDEwMDQwNSwicGF0aCI6Ii83MjA2NDQ2Mi8yNDQwOTE1MjAtMjIzM2RkZjktNzhhNC00MTkwLWFjYzMtYzI0ZTBmYzJjNmMxLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE5VDIwNDY0NVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWRhMTc2MjA4OGY5ODkwMGZhYWY2MmZlNmZkYjcyMGFkNmIzNTk1NDdkNjMwZWExZjg5ODc5NjViYTMxNWIwYjQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.crJmRTrD3KkfKJDvvj_bW3dN-skLoFbfmRvBtc9g40M)
![](https://private-user-images.githubusercontent.com/72064462/244091470-49f9e08e-3bd7-4fba-b7e3-1e556646054a.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQxMDA3MDUsIm5iZiI6MTcyNDEwMDQwNSwicGF0aCI6Ii83MjA2NDQ2Mi8yNDQwOTE0NzAtNDlmOWUwOGUtM2JkNy00ZmJhLWI3ZTMtMWU1NTY2NDYwNTRhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE5VDIwNDY0NVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTk5MjBlOGEyMDljNmI4OGZjNTYyNTYyYzI5OGQ0OWRhNGJjYTk5YmZiYTM0OWQyYjJhYmJiNTIyMjc0YzVlOTUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.AXqRYlA1yt1sTzjPa3quP59g3Cd1LJ0c7yGe5UxIa7Q)
![](https://private-user-images.githubusercontent.com/72064462/244091530-f3686618-bfc2-4064-9a15-6699bb3ea017.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQxMDA3MDUsIm5iZiI6MTcyNDEwMDQwNSwicGF0aCI6Ii83MjA2NDQ2Mi8yNDQwOTE1MzAtZjM2ODY2MTgtYmZjMi00MDY0LTlhMTUtNjY5OWJiM2VhMDE3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE5VDIwNDY0NVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTgwNDQ5Y2VlMzFlZjIyOWE2NTY1YTVkZmU4MTI3NWIxOTEwYTNmNmEwZjllYmUzNTY0MjQzYTY2M2E1YzNhMDQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.9BXjZfUZGiRAdFF3XEl2NZAqP2sHu70u3DhH2-L3sCQ)
Click here to watch a YouTube video demonstrating the app's functionality and the smooth sign-in/sign-up process using phone number verification.
To get started with this project, make sure you have Flutter installed. Clone the repository, install the dependencies by running flutter pub get
, and then run the app using flutter run
. Feel free to customize the UI and expand the functionality to fit your specific requirements.
This project is licensed under the MIT License. Feel free to use and modify the code as per your needs.