• Courses
  • Tutorials
  • Jobs
  • Practice
  • Contests
November 04, 2022 |5.2K Views
Quiz Application in React Native with Expo CLI
Description
Discussion

In this video, we will develop quiz app using React native.

To construct this quiz app, you'll need Node, npm, Expo CLI, Android Studio or Xcode (Mac), and Visual Studio Code. You will understand how to use Expo CLI to construct a React Native project. 

Add navigation to your application and data from the API. A user will first be allowed to choose a quiz-type category on the app, and the question will then be displayed to them in accordance with that choice. There are many different categories including General Knowledge, Books, Films, Music, Television, Video Games, Science and Nature, Computers, Mathematics, Mythology, Sports, Geography, History, Politics, Art, and more. There will be four possible answers for each Category 10 Random question, with one correct response to be selected. 

If the user selects the right response each time, the scoreboard will increment by 1 each time. If the incorrect option is selected, the score will not change. The user can view the final screen with his cumulative score after answering all 10 questions. There are three displays in all. The HOME screen, which lists all the categories, comes first. The second screen is the play screen, where the questions and answers are presented sequentially. 

The user's final score will be shown on the third and final screen. The questions are displayed on the screen using the Open TRIVA database API. Axios interacts with APIs and sends server-side HTTP requests. To navigate between pages and implement navigations, React Navigation is used.

Read More