Scribd
Upload
3 views1 page

React Native Task

The document outlines the requirements for creating a mobile quiz app in React Native, which includes multiple screens such as a Home Screen, Quiz Screen, and Result Screen. It specifies the need for quiz logic to manage questions, user scores, and navigation using React Navigation, while also emphasizing the use of functional components and React Hooks. Additional features and evaluation criteria are provided, focusing on state management, code quality, and basic UI/UX design.

Uploaded by

raishankar2060
Copyright
© All Rights Reserved
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
3 views1 page

React Native Task

The document outlines the requirements for creating a mobile quiz app in React Native, which includes multiple screens such as a Home Screen, Quiz Screen, and Result Screen. It specifies the need for quiz logic to manage questions, user scores, and navigation using React Navigation, while also emphasizing the use of functional components and React Hooks. Additional features and evaluation criteria are provided, focusing on state management, code quality, and basic UI/UX design.

Uploaded by

raishankar2060
Copyright
© All Rights Reserved
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

Intern Selection Task: Quiz App with Multiple Screens

Task Description:
Create a mobile quiz app in React Native with multiple screens.

Requirements:

1. Screens:
a. Home Screen:
i. Shows app title and a “Start Quiz” button.
b. Quiz Screen:
i. Displays a question with 3–4 options (multiple choice).
ii. When a user selects an option, show feedback (“Correct” / “Wrong”)
and move to the next question.
c. Result Screen:
i. Shows score (e.g., 3/5) and a button to restart quiz.
2. Quiz Logic:
a. Store questions and answers in a JSON array or local state.
b. Keep track of current question number and user score.
c. Navigate between screens using React Navigation.
3. Technical Requirements:
a. Use functional components and React Hooks (useState, useEffect).
b. Use React Navigation for moving between screens.
c. Optional: style screens nicely with basic layout and colors.
4. Bonus:
a. Show a progress bar for quiz progress.
b. Shuffle questions or options randomly.
c. Store previous results using AsyncStorage.

Evaluation Criteria:

• Understanding of multi-screen apps and navigation.


• Ability to manage state across components/screens.
• Logical thinking in scoring and progressing through the quiz.
• Clean, readable, and modular code.
• Basic UI/UX design sense.

You might also like