Skip to content

Structure

Aldo edited this page Mar 13, 2018 · 8 revisions

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.
app/config/ This folder contains configuration files.
app/config/config.js See the configuration section of the Wiki for details.
app/config/config_lms.js See the configuration section of the Wiki for details.
app/config/locales.js This file contains the text of the application in all available languages.
app/config/samples.js This file defines a Quiz in JSON format to be loaded by the application.
app/constants/ This folder contains files that define constants.
app/constants/constants.jsx This file defines constants for the application (e.g. initial state).
app/reducers This file contains the actions and reducers of the React-Redux application.
app/reducers/actions.jsx This file defines the actions of the application.
app/reducers/reducers.jsx This file combines all the reducers of the application and defines its global state.
app/reducers/rnameReducer.jsx This file defines the reducer called rname.
app/scorm This folder contains different resources for loading and generating SCORM applications.
app/scorm/schemas This folder contains all the required schemas to generate SCORM packages (versions 1.2 and 2004).
app/scorm/Local_API_1484_11.js An API that mimics connectivity with SCORM 2004 compliant environments.
app/scorm/Local_API_SCORM_12.js An API that mimics connectivity with SCORM 1.2 compliant environments.
app/scorm/SCORM_Player.js A JavaScript library for loading SCORM applications.
app/scorm/imsmanifest_scorm12.xml A template of a SCORM 1.2 XML Manifest. This template is used for packaging the React application into SCORM 1.2 packages.
app/scorm/imsmanifest_scorm2004.xml A template of a SCORM 2004 XML Manifest. This template is used for packaging the React application into SCORM 2004 packages.
app/vendors This folder contains useful libraries for the application.
app/vendors/I18n.js Library that provides internationalization (i18n) support.
app/vendors/SCORM_API.js Library that allows to stablish communication with SCORM 2004 and SCORM 1.2 compliant environments.
app/vendors/SCORM_API_Wrapper.js A wrapper for the SCORM_API.js library in order to facilitate its usage by the React application.
app/vendors/Utils.js A library with different utilities that can be used by the React application (e.g. a function to shuffle arrays).
app/index.html The index.html file of the React application. Available at http://localhost:8080/index.html.
app/main.js The main.js file of the React application.
app/scorm12.html This file provides a SCORM 1.2 compliant environment for testing the application. Available at http://localhost:8080/scorm12.html.
app/scorm2004.html This file provides a SCORM 2004 compliant environment for testing the application. Available at http://localhost:8080/scorm2004.html.