Code for the Scratch Jr Website
Find a file
2024-02-23 13:57:48 -08:00
.github Update .github/workflows/deploy.yml 2023-10-05 16:52:09 -04:00
.vscode Fix spacing in two spots on info.jsx 2022-03-31 10:31:04 -04:00
bin Setup Travis correctly the first time 2016-09-22 18:40:53 -04:00
dev-server Setup Travis correctly the first time 2016-09-22 18:40:53 -04:00
src refactor: remove twitter timeline widget 2023-07-18 16:04:38 -04:00
static [feature] Add Amazon Appstore badge and link 2022-10-27 10:05:58 -04:00
templates feat: add enviroment conditions 2023-05-24 09:43:04 -04:00
.eslintignore Sync master content () 2017-04-21 08:31:38 -04:00
.eslintrc.js Sync master content () 2017-04-21 08:31:38 -04:00
.gitignore ci: update codeowners file 2023-10-03 15:54:32 -04:00
.nvmrc Add .nvmrc file 2022-02-03 09:53:44 -05:00
.sass-lint.yml Fixing Linter errors and styles 2016-09-06 10:17:25 -04:00
.travis.yml [fix] install with --legacy-deps 2022-10-27 11:48:23 -04:00
LICENSE Update license and trademark files 2017-08-16 16:50:48 -04:00
Makefile Sync master content () 2017-04-21 08:31:38 -04:00
package-lock.json [fix] install with --legacy-deps 2022-10-27 11:48:23 -04:00
package.json build: correct LLK URLs in package.json 2024-02-23 13:57:48 -08:00
README.md update react-slick 2018-04-30 15:41:09 -04:00
TRADEMARK Update TRADEMARK 2018-06-18 13:16:00 -04:00
webpack.config.js Add Literacy and Math Curricula 2017-09-18 10:10:44 -04:00

scratchjr-website

Code for the ScratchJr website

Build Status Greenkeeper badge

Before Getting Started

  • Make sure you have node (v4.2 or higher) and npm installed

To Build

npm install
make build

Note: There will be a warning about a peer dependency on jquery. You can ignore it because slick-carousel is only used for stylesheets.

To Run

npm start

During development, npm start watches any update you make to files in either ./static or ./src and triggers a rebuild of the project. In development the build is stored in memory, and not served from the ./build directory.

When running npm start, here are some important log messages to keep an eye out for:

  • webpack: bundle is now VALID. the bundle has been loaded into memory and is now viewable in the browser. This will show up both once npm start has completed its setup, and also once updates you make to files have been re-compiled for viewing in the browser.
  • webpack: bundle is now INVALID. if you see this, then it means you have made updates to files that are still being compiled for browser viewing. Pages will still be viewable, but they will not see any updates you made yet.

Once running, open http://localhost:8333 in your browser. If you wish to have the server reload automatically, you can install either nodemon or forever.

To stop

Use ^C to stop the node process npm start starts.

Configuration

npm start can be configured with the following environment variables

Variable Default Description
NODE_ENV null If not production, app acts like development
PORT 8333 Port for devserver (http://localhost:XXXX)

Deploy Environment Variables

Variable Default Description
FASTLY_SERVICE_ID '' Fastly service ID for bin/configure-fastly.js
FASTLY_API_KEY '' Fastly API key for bin/configure-fastly.js
FASTLY_ACTIVATE_CHANGES false Activate changes and purge all after configuring
AWS_ACCESS_KEY_ID '' AWS access key id for S3
AWS_SECRET_ACCESS_KEY '' AWS secret access key for S3
S3_BUCKET_NAME '' S3 bucket name to deploy into