Skip to content
Obfuscator SPA, serverless-side rendered on a modern cloud stack which scales from zero
TypeScript CSS JavaScript Shell HTML
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode Move languages to enum base Apr 15, 2019
deploy Implement array query string parameter Apr 15, 2019
local-data Implement translation in frontend Jun 22, 2019
src Tweak final result styles Jun 26, 2019
static Tweak final result styles Jun 26, 2019
.babelrc Get server side rendering working Feb 23, 2019
.gitignore Move server lambda from sls-http to direct string output Mar 2, 2019
README.md Enable dev server for hot reloading Apr 11, 2019
config.json
env.js Add translate button Jun 22, 2019
index.html Nearly finish select implementation Jun 25, 2019
jest.config.js Add jest Apr 15, 2019
package-lock.json Create translate frontend machinery Jun 22, 2019
package.json Basically complete input screen Jun 26, 2019
tsconfig.json
webpack.config.js Get results row working Jun 26, 2019

README.md

Running locally

  1. Install dependencies with NPM

    npm i
  2. Run mocked function endpoints

    npm run functions
  3. Run in either front-end or full-stack mode, as below:

Front-end

If you want to develop the frontend with hot-reloading, dev-server is your best bet. Server-side rendering will not occur.

  1. In a second terminal instance, run webpack dev server
    npm run dev-server

Then go to localhost:3000. Changes to code will trigger component reloads.

Full-stack

The full stack can also be tested.

  1. In a second terminal instance, build and watch frontend and backend with webpack

    npm start
  2. In a third terminal instance, start the backend with Node

    npm run server

Then go to localhost:3000.

While the start script is running, changes to the frontend will require a browser refresh (I recommend Live Reload to do this automatically). Changes to the backend will require a server restart.

Deploying

  1. Install dependencies with NPM

    npm i
  2. Build assets with webpack

    npm run build-prod
  3. Package functions

    cd deploy
    ./package.sh
  4. Deploy to AWS, passing name of deployment bucket to be created

    cd deploy
    ./deploy.sh unique-deployment-bucket-name
You can’t perform that action at this time.