Structure

This section describes the file structure of the RESCORM boilerplate.

File/Folder	Description
app	This folder contains the files of the React application.
app/assets	This folder contains the resources of the application (images, fonts, css files, ...)
app/assets/images	This folder contains the image files.
app/assets/scss	This folder contains the CSS and SASS files.
app/components	This folder contains the React components of the app.
app/components/ReduxProvider.jsx	It's the 'react-redux' provider component.
app/components/App.jsx	It's the main screen of the application.
app/components/FinishScreen.jsx	It's the screen shown to the user when finishing the app.
app/components/Header.jsx	It's a header that shows some basic information (progress measure, score, ...). It's intended for development purposes.
app/components/SCORM.jsx	It's a non-renderizable component that handles the connection and usage of the SCORM API.
app/components/Quiz.jsx	This component contains a full example of a Quiz build using the boilerplate. The rest of components (MCQuestion, MCQuestionChoice, QuestionButtons, ...) contained in the app/components folder belong to this example.