Qviq - Easy Assignment

Assignment dbned reauakd fjdndhsjd xjs sjxx

Uploaded by

M10

We take content rights seriously. If you suspect this is your content, claim it here.

Available Formats

Download as PDF, TXT or read online on Scribd

0% found this document useful (0 votes)

12 views2 pages

Qviq - Easy Assignment

Assignment dbned reauakd fjdndhsjd xjs sjxx

Uploaded by

M10

We take content rights seriously. If you suspect this is your content, claim it here.

Available Formats

Download as PDF, TXT or read online on Scribd

You are on page 1/ 2

Internship Assignment: Building a Social Media Login and Signup Flow

(Typically takes 3-4 Hours)

Objective:
The objective of this assignment is to create a login and signup flow similar to
social media platforms, with Firebase authentication, user profile creation,
interactive image display, and QR code generation. Build the assignment using
MERN stack (MongoDB, Express.js, React.js, Node.js) and Tailwind CSS. The
assignment will be evaluated based on the criteria listed below.

Requirements:
1. Firebase Integration (10%):
• Implement Firebase authentication for login and signup.
• Allow users to login/signup using Google and custom email.
• Ensure secure handling of user authentication tokens.
2. Input Fields Included (10%):
• Create a signup form with fields for name, phone number, profile photo,
cover photo, and other personal details.
• Use different input field types such as text fields, radio buttons, and
dropdowns for varied user input.
3. Interactive Image (25%):
• Ensure the image responds to mouse movements: moving right/left when
the mouse moves right/left, moving up/down when the mouse moves
up/down.
• Use CSS and JavaScript to achieve the desired effect.
• Implement an interactive image display similar to the reference provided
(https://linktr.ee).
4. Data Storage and Handling (25%):
• Store user profile data in a MongoDB database using MERN stack
(MongoDB, Express.js, React.js, Node.js).
• Implement CRUD operations for managing user data.
• Ensure data persistence and retrieval for user accounts.
5. QR Code Working (30%):
• Generate a unique QR code for each user account.
• Ensure that scanning the QR code allows a third user to view the user's
profile page.
• Implement the QR code functionality using libraries or APIs compatible with
MERN stack.
6. Bonus:
• +5% bonus for clean and easy-to-read code.

Submission Guidelines:
• Provide a link to your hosted project (e.g., GitHub repository or deployed
website).
• Provide clear instructions for running the project locally.
• Submit the assignment codebase along with a README.md file explaining
the project structure, setup instructions, and any additional notes.
• Ensure that the assignment is thoroughly tested and functional.

Evaluation Criteria:
• Firebase integration (10%)
• Input fields included (10%)
• Interactive image (25%)
• Data storage and handling (25%)
• QR code working (30%)
• Clean and easy-to-read code (+5% bonus)