-
Notifications
You must be signed in to change notification settings - Fork 36
Webification
Kenny Young edited this page Jan 27, 2025
·
14 revisions
So you want to webify your own puzzle! "Webification" is the process of making your puzzle an interactive webpage on our site.
- Onboard onto the repo by following the steps in Webification environment setup
- Read Working with our webification repo to learn how we use Git for source control
- [Optional] See My First HTML Course for basics on HTML and CSS
- See How to webify a puzzle to tie it all together
- [Advanced] See Going Beyond PuzzleJS for some worked examples of complex puzzles
- [Advanced] See Webification Style Guide if you like style guides
- [Super advanced] See Webification Repo Template Development for an explanation of what our templates do and how to extend them in the future
- First-time setup
- Contributing using git
- Local Development Environment Setup
- External Authentication Setup
- Build and run locally
- Best practices
- Common Errors
- Making a page Event aware
- Making your page aware of the current user
- PageFilter and on page authorization check example
- Updating the DataModel and or Database Schema
- Debugging the database locally
- FAQ
- Onboarding
- Puzzle setup
- Puzzle properties defined
- Webification Hub
- Unlock a puzzle for a team
- Setting up hints
- Puzzle lockout
- Annotations