-
Notifications
You must be signed in to change notification settings - Fork 40
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). |