Develop a web application that captures photos, collects their basic information, and verifies social media followings before generating a unique QR code for rewards verification.
Budget: $30 – $250 CAD
Start Page:
Feature a prominent button labeled "Launch App".
Clicking this button progresses the user to the main functionality of the app.
Photo Capture:
Upon app launch, present the user with a button to "Take Photo".
Activating this button should turn on the user's camera.
After the photo is taken, display an overlay animation mimicking a scanning process on the captured photo to enhance the user experience.
User Information Collection:
After the photo capture and animation, guide the user through a series of pages to collect the following information:
Name: A page dedicated to inputting the user's full name.
Email Address: A separate page for the user to provide their email address.
Country Selection: A page with a dropdown or searchable list to select their country.
Social Media Follow Verification:
The next page should prompt users to follow specific social media platforms (e.g., X, Discord, Telegram).
Implement checks to verify that the user has followed the required social media accounts before proceeding.
This step may involve API calls to the respective social media platforms for verification (Note: This may require additional permissions or API access set up on each social media platform).
QR Code Generation and Database Storage:
Once all the above steps are completed and validated, generate a unique QR code for the user.
Display this QR code to the user for their records.
Simultaneously, store the user's information and their unique QR code in the application's database. This data is essential for verifying rewards eligibility at a later stage.
Feature a prominent button labeled "Launch App".
Clicking this button progresses the user to the main functionality of the app.
Photo Capture:
Upon app launch, present the user with a button to "Take Photo".
Activating this button should turn on the user's camera.
After the photo is taken, display an overlay animation mimicking a scanning process on the captured photo to enhance the user experience.
User Information Collection:
After the photo capture and animation, guide the user through a series of pages to collect the following information:
Name: A page dedicated to inputting the user's full name.
Email Address: A separate page for the user to provide their email address.
Country Selection: A page with a dropdown or searchable list to select their country.
Social Media Follow Verification:
The next page should prompt users to follow specific social media platforms (e.g., X, Discord, Telegram).
Implement checks to verify that the user has followed the required social media accounts before proceeding.
This step may involve API calls to the respective social media platforms for verification (Note: This may require additional permissions or API access set up on each social media platform).
QR Code Generation and Database Storage:
Once all the above steps are completed and validated, generate a unique QR code for the user.
Display this QR code to the user for their records.
Simultaneously, store the user's information and their unique QR code in the application's database. This data is essential for verifying rewards eligibility at a later stage.