Code Structure

The client code covers two sites; Freegle Direct (www.ilovefreegle.org) which is the user site, and ModTools (modtools.org) which is for moderators. Both are built using webpack, but with different config files. The code has been migrated from code which wasn't; shim.js takes care of that.

Most of the code doesn't use ES6, and it is probably better to keep it that way rather than mix and match too much, unless writing a completely new section.

Here's the bird's eye view of what code lives where.

• client contains the top-level JS that invokes the app.
• dev contains the build configuration, including running the dev server on your own machine with hot-swappable code.
• dist is where the code is built to.
• http is where most stuff lives
  • css contains style sheets - both ours and 3rd party.
  • fonts ...guess.
  • images contains static images
  • js contains Javascript code.
  • • iznik contains the code written as part of this project
  • • lib contains 3rd party code. This is gradually being replaced by NPM modules; feel free to help with that.
  • template contains all the files which are expanded using underscore's templating engine, to construct the DOM
• node_modules contains the NPM code we use.
• tests contains the client-side tests we have. So far this is just a proof of concept.