Git Product home page Git Product logo

khan-academy-fxos's Introduction

Khan Academy Firefox OS app

Khan Academy's Firefox OS app source is Mozilla Public License Version 2.0 licensed.

You can download the Khan Academy Firefox OS app on your device at the Firefox Marketplace.

The Khan Academy app also functions as a:

  • Firefox web app for Desktop on OSX, Windows, and Linux are also available at the same link. (No downloads support because Desktop has no Storage API yet)
  • Firefox web app for Android.

About the source

Everything is built using JavaScript. React is used for views and Backbone is used for models. The video player is using VideoJS.

Getting setup

git clone --recursive https://github.com/bbondy/khan-academy-fxos

Copy ./secrets.json.sample to ./secrets.json, fill in the info with your API key.
Note that reporting user points will not work unless you have an annointed key.

See here for information on how to apply for a Khan Academy API key:
https://github.com/Khan/khan-api/wiki/Khan-Academy-API-Authentication

Building the source

You need Nodejs installed to run the following commands (please run them in the order given).

npm install
bower install
cd bower_components/katex
make
cd ../../
gulp

To run a web server instead of using the Firefox emulator, run: ./tools/runserver.
This will start a local python HTTP server on port 8092.

Running gulp will:

  • convert the JSX React source which lives inside js/ and put it inside /build.
  • Convert the LESS stylesheets in style/less into CSS and store it in /build/css
  • Run lint on the source files
  • Start watching for changes and will re-run all of that again when changes are made.

Running tests

Run ./tools/runserver and load ./test/test.html in Firefox. Or just run ./tools/runtests.

For now, it's best to run the tests in a fresh restart of the browser in private browsing mode so you can be sure no files are cached. This is currently known to happen for some localization files with the simple python HTTP server otherwise.

The first time you run tests, the APIClient.init test may take a while because it fetches the topic tree and may not be cached on the KA servers.

Storage

Device Storage API is used for downloads and for cached topic trees.
It is sometimes useful to clear this data while using a simulator.
You can find this storage when using a simulator in a location similar to this: /Users/brianbondy//Library/Application Support/Firefox/Profiles/s9r03lep.default-1410874219924/extensions/[email protected]/profile/fake-sdcard/

Your exact path will differ depending on your OS, your profile, and the simulator being used.

Some other storage for smaller cached values is used with local storage. You can clear that simply by opening the console and executing: localStorage.clear();

ADB commands

For OOM failures, check for sigkill being sent to app. The size is listed in pages (4 KB/page).

adb shell dmesg | tail -20

Contribute

Please feel free to contribute directly by adding pull requests and issues through github. If you would like help getting setup feel free to contact Brian R. Bondy

Contributors

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.