blox.site.quiz

A Building Blox informational/brochure site that includes a quiz.

Features

• Quiz with wizard-like interface
• Save email to Google Sheets document functionality
• Bio section with light & dark theme
• Newsletter signup
• Resources download section & page
• Content management admin page

Dependencies

• Bootstrap
• jQuery

Type

Informational/Brochure

Blocks

Pages

• home blox.page.home.quiz

• about blox.page.about.quiz

• resources blox.page.resources.quiz

• admin - blox.page.admin

Packages

Page packages

• quiz blox.package.quiz.quiz

Partial packages

• navigation blox.partial-package.navigation
• resources blox.partial-package.resources
• social blox.partial-package.social

Component packages

• about blox.component-package.about

Lambdas

• google-sheets blox.lambda.google-sheets.quiz

Installation

1. Clone this repository

This may take longer than usual depending on how many blocks (git submodules) your site contains.

Make sure to include the --recurse-submodules flag so that all the submodules will be cloned too.

git clone --recurse-submodules -j8 https://github.com/richjava/blox.site.quiz.git

cd blox.site.quiz

2. Install dependencies

npm install

NOTE: building-blox.js library is not an NPM package yet so to run the project, you'll need to run:

cd building-blox.js

npm install

npm link

cd ..

npm link building-blox.js

3. Run the development server

npm run dev

The website will be viewable at http://localhost:3000. On save of the project, output will be built to the "dist" directory and the website will be reloaded.

Credits

Thanks to Kieran Roberts for the awesome design.