React Native Quiz App

The document outlines a project to build a quiz application using React Native that allows users to take quizzes on various topics by displaying questions one at a time and showing the final score. Key features include authentication, quiz selection, tracking score as users progress through quizzes, and handling errors. The requirements specify using React Native, Redux or Context for state management, and fetching data from an API to display quiz questions.

Uploaded by

mohitbaruniya

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)

196 views2 pages

React Native Quiz App

Uploaded by

mohitbaruniya

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

Project Name: React Native Quiz App

Project Description: Build a simple quiz application using React Native. The app
should allow users to take quizzes on various topics, display questions one at a time,
provide feedback on user answers, and show the final score at the end of the quiz.

(You can use Open Trivia DB https://opentdb.com/api_config.php)

Project Features:

Authentication: Implement a basic authentication system that allows users to

log in or sign up using their email or social media accounts. You can use a
library like Firebase for this. (any JWT based auth will work, even a static
token will work, just show the concept of authorized/unauthorized screens)

Quiz Selection: Create a screen where users can select a quiz category (e.g.,
General Knowledge, Science, History).
Quiz Screen: When a user selects a category, they should be taken to a quiz
screen. Here, the app should fetch questions related to the selected category
from a quiz API (e.g., Open Trivia Database).
Quiz Logic: Implement the logic to display one question at a time and allow
the user to select an answer. Provide feedback on whether the answer was
correct or not, and show the correct answer if the user answers incorrectly.
Score Tracking: Keep track of the user's score as they progress through the
quiz.
End of Quiz: When the user finishes the quiz, display their final score and an
option to restart the quiz or choose a different category.
Navigation: Implement navigation between different screens using React
Navigation or any other navigation library of choice.
Styling: Use styles and layout components to make the app visually
appealing. Consider using a UI library like React Native Elements or custom
styling with CSS-in-JS.
Error Handling: Handle network errors and edge cases gracefully, displaying
appropriate error messages to the user.
Local Store: Store each quiz session score in a local DB/storage, which can
be visible in a profile section.

Technical Requirements:

Use React Native for building the mobile app.

Use Redux or React Context for state management.
Implement asynchronous API calls using fetch or a library like Axios.
Use React Navigation for routing between screens.
Implement proper error handling throughout the app.
Ensure the app is responsive and works on both Android and iOS devices.

Optional Enhancements:

Leaderboard: Implement a leaderboard to display the highest scores achieved

by other users.
Progress Bar: Add a progress bar to show the user's progress within the quiz.
Timer: Add a timer for each question to make the quiz more challenging.
Animations: Incorporate animations for a smoother user experience.
Localization: Support multiple languages for the app.
Sound Effects: Include sound effects for correct and incorrect answers.