Skip to content

Structure

Aldo edited this page Mar 14, 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 application.
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 application.
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 This file defines the configuration for the application. See the configuration section of the Wiki for details.
app/config/config_lms.js This file defines the configuration for the SCORM-compliant environments in which the application is loaded. 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 Quiz 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 It 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 2004 and 1.2).
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.
app/dist This folder contains the production ready build of the application generated by the npm run production command.
app/dist_scorm This folder contains the two SCORM packages (one compliant with SCORM 1.2 and the other one compliant with SCORM 2004) in which the production ready build of the application has been packaged as a result of the npm run scorm_package command.
node_modules This folder contains all the packages the React application depends on. These dependencies are installed through the npm install command.
tasks This folder contains files that define project tasks.
tests This folder contains test files.
.gitignore This file lists all project files that should not be uploaded to the repository.
README.md This file includes a description of the project.
license.txt This file includes information about the licenses of the project and its resources and other copyright information.
package.json This file specifies different information of the project including its dependencies.
webpack.config.js This file specifies the development settings for Webpack.
webpack.production.config.js This file specifies the production settings for Webpack (i.e. the settings used to generate the production ready build of the application using the npm run production command).