Folder Structure

Last updated 6 months ago

Explanation of the folder structure of the project

The project is structured as follows:

The folder downloaded from Gitstrap will have two sub-folders:

  1. Quiz: This is the main react-native project folder for the application.

  2. Admin: This is the reactjs source code for the dashboard.

Structure of the react-native source code

The source code of the application is structured as follows:

The source code is inside the src folder.

  • Main.js: This is the entry point of our application. Inside this file you will find the router of application which contains all the screens and their links using the react-navigation library.

  • Config.js: This is where the configuration of our app is stored, configuration such as the app title, the scoring mode, firebase credentials and others. This file is generated automatically via our setup wizard but you can also modify manually.

  • Colors.js: This file contains the color values for our stylesheet.

  • Language.js: This file is used to translate our app, it contains all the message displayed, such as button text, alerts, text, etc... This file is generated automatically via our setup wizard but you can also modify manually.

  • DB.js: This file is used to initialize the firebase database connexion. You won't need to modify it.

  • Assets: This folder contain the assets of the application in an image format and in .xd file format so you can update it using Adobe XD.