Course App

Development

Install dependencies

To install the dependencies run:

npm install

Run Webpack

Webpack entry file is src/index.jsx. The src folder has all JavaScript source files. SASS files are in the src/styles folder. To run webpack run:

npm run-script dev

Running the above command will also launch webpack dev server at port 8080.

Open browser

And navigate to http://localhost:8080/webpack-dev-server/index.html.

How to use

Course App can be embedded to any web page using the following div tag:

<div id="course-app-root" data-organization="ORGANIZATION_CODE"></div>

You'll also need to include the following script tag at the end of your page's body tag:

<script src="URL_COMING_SOON/app.var.js"></script>

Course App can also be embedded the following way:

import { CoursesApp } from 'courses-app';

<CoursesApp dataOrganization="ORGANIZATION_CODE" />

TODO: Correct url for the script tag.

Deployment

Building

To build run:

npm run-script build

Webpack will output styles:

• app.css

and following different build files inside the dist folder:

• app.var.js
• app.commonjs2.js
• app.umd.js
• app.amd.js