How We Build

Submission rules, folder templates, planning help, and the workflow students follow before work appears in the directory.

Process Guide

• Folder Name | Period#-FirstName-ID
• Example | Period2-James-0000001
• UID | P2J0001 is generated automatically. Do not rename the top folder to the UID.

Required Structure

Your Drive folder must contain info/ and games/. Keep each project in its own folder and make sure each one has an index.html.

Period2-James-0000001
|-- info
|   `-- your-infographic-folder
|       |-- index.html
|       |-- style.css   (optional)
|       `-- script.js   (optional)
`-- games
    `-- your-game-folder
        |-- index.html
        |-- style.css   (optional)
        `-- script.js   (optional)
      

Display Paths

/directory/P2J0001/info/your-infographic-folder/index.html
/directory/P2J0001/games/your-game-folder/index.html
      

Rules

• Each project folder must include index.html.
• Use simple folder names with letters, numbers, and hyphens.
• Set a clear HTML <title> so the page name looks correct in the browser.

Common Mistakes

• Index.html or index (1).html instead of index.html
• Nesting the project too deep so the real entry page is hidden
• Renaming the top folder to the UID

Helpful Resources

• Planning Template for prompts, README text, and changelog structure
• HTML Viewer to test and export your page before submitting
• Ohm's Law Explorer for an example of a classroom tool with multiple interactions

Bottom line: if index.html does not load, the project does not load.