-
Notifications
You must be signed in to change notification settings - Fork 33
Webification environment setup
Josh Bodner edited this page May 15, 2024
·
24 revisions
Never done anything with git in your life? Don't worry about it! Follow this step by step guide to get your environment set up and ready to make some puzzles.
- Download git. Git is what we use to push all the files from your local machine into our Github repository (repo). Github IS A COMPLETELY DIFFERENT THING than git. Github is the website you're currently on and reading this. Git is a program you will download from this website. The default download should be fine, as well as all the default options during installation.
- Download Visual Studio Code. This is technically optional, but is very highly recommended because it makes working with PuzzleJS much easier than the alternative, which is applying a command-line flag to your browser. Visual Studio Code is available to download from the Microsoft Store, or from here. Again, the default download and install options should be fine.
- Install the Live Preview extension in VS Code. Once you've opened VS Code, click the boxes icon in the sidebar to open up the Extensions pane:
Search for "Live Preview", and then on its page, click the blue Install button. Once it's installed, it'll change to say Uninstall:
- 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