Nomenclature Processing Machine
    Have ideas to improve npm?Join in the discussion! »

    jclic

    2.1.1 • Public • Published

    JClic.js

    npm version CDNJS version Join the chat at https://gitter.im/projectestac/jclic.js

    JClic.js is an HTML5 player of JClic activities. See a demo on how it works.

    JClic and JClic-repo

    JClic is a free software project from the Catalan Educational Telematic Network (XTEC) for creating various types of interactive activities such as associations, puzzles, text activities, crosswords or puzzles, from elements of text, graphics and multimedia.

    The program includes an authoring tool to create activities, a player and a reporting system that stores the results obtained by students. All these components, along with some guides and tutorials on how to create activities, are available in the clicZone.

    JClic is a Java application that runs on Linux, Windows and Mac OS. Full source code and documentation are available on GitHub.

    Many teachers from different countries have used JClic to create interactive materials for a wide variety of levels, subjects, languages and curriculum areas. Some of these materials have been collected in a huge library created with jclic-repo, another open source project that will facilitate the publication of collections of JClic projects in static web hosting services.

    How to build JClic.js

    JClic.js uses Node.js modules encapsulated in npm packages. First of all, you must have Node.js (which includes 'npm') installed on your system.

    To install the required packages, just go to the project's root directory and write:

    npm ci
    

    This will install jQuery, Webpack and other needed components into node_modules

    To build jclic.js, just invoke:

    npm run build
    

    This will generate the main file dist/jclic.min.js (along with other files useful for development)

    To test and debug the resulting bundle, launch the webpack dev server:

    npm start
    

    This will launch a local HTTP server allowing to choose between pages in development mode (bundle build dynamically by webpack-dev-server) and in production mode (serving the latest build on /dist)

    Full API documentation of jclic.js is available at: http://projectestac.github.io/jclic.js/doc

    The project is also available as an NPM package.

    Direct download

    The latest version of the compiled and minified script jclic.min.js is currently available at the following locations:

    Components

    JClic.js makes use of:

    The build process of JClic.js makes use of:

    • npm (the package manager of Node.js) to build, install, update and track package dependencies
    • ESLint to check for errors and lint the source code
    • webpack to bundle all components together
    • Babel to make it also compatible with old versions of some browsers
    • terser to minimize the size of the final deliverable script
    • JSDoc and ink-bootstrap to build the API docs

    Sponsors that make possible JClic.js

    XTEC
    JClic.js is an open-source project sustained by XTEC, the Telematic Network of the Catalan Ministry of Education.

    BrowserStack
    Checking the operation of JClic.js on different browsers and platforms is possible thanks to virtual machines provided by BrowserStack.

    JSDelivr
    The production releases of JClic.js are smoothly distributed to the final users thanks to the JSDelivr network of servers.

    cdnjs
    All project files are also available through cdnjs, a very powerful content delivery service powered by Cloudflare.

    Transifex
    We use Transifex as a platform to translate JClic.js into many languages. Please read TRANSLATIONS.md if you want to contribute to the project creating a new translation or improving the existing ones.

    Install

    npm i jclic

    DownloadsWeekly Downloads

    35

    Version

    2.1.1

    License

    EUPL-1.2

    Unpacked Size

    6.46 MB

    Total Files

    124

    Last publish

    Collaborators

    • avatar