Skip to content
🌱the frontend for Teach LA's online IDE, targeted towards helping kids learn code!
JavaScript CSS HTML Makefile
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.

ACM Teach LA Frontend

Build Status

This is the frontend code for the ACM Teach LA helper site, which functions as an online IDE and code-saver. It's built by the UCLA ACM Teach LA dev team with React, Redux, and Firebase.

Developer Setup

You'll need:

  • Node (we develop this with Node v10.15.3)
  • git
  • either npm (which comes default with Node) or yarn

In addition, you'll need to run our backend on your local machine - you can find more information on that here.

Once you have those dependencies, set up is very simple. Type the following lines into your command line:

$ git clone
$ git clone
$ cd TeachLAJSBackend
$ npm install
$ npm start
$ cd ../teachla-frontend
$ npm install
$ npm start

The client should now be automatically opened in your browser; however, you can also manually visit it on localhost:8080. Note that we've also opened a copy of the TeachLAJSBackend on localhost:8081.

Developer Notes

  • We use lint-staged and husky to prettify commited files on push
  • We use Travis CI to automatically check the validity of every commit
You can’t perform that action at this time.