Skip to main content

For Students: Using the CodeHS Sandbox

Learn how to create and share programs using the Sandbox IDE

Written by Sara Jenis

The CodeHS Sandbox is a place where you can write programs outside of the bounds of an exercise. In the Sandbox, you can start a program from scratch in any of our programming languages and create anything that you can imagine.

Creating Programs in the Sandbox

  • Go to codehs.com/sandbox or click on the Sandbox link in the top left corner of any page. Make sure you are logged in so that you can save the program to your account.

Screenshot of the student homepage with an arrow to the Sandbox tab at the top left of the screen

Name your program, select a language and program type, and then click Create Program

Screenshot showing how to create a program in the CodeHS sandbox

You can also create and edit your very own website that is hosted by CodeHS, by selecting the HTML language, and then clicking Edit Homepage. Your personalized web page is private by default — only you and your teacher can view it. If your teacher has enabled sharing for your Section, you can access and share it at your username followed by ".codehs.me".

Screenshot showing how to create and edit your personal CodeHS homepage

Creating a Sandbox Program from a .zip file

You can also upload a multi-file program from a .zip file, which will unzip and import all files into a new program:

Screenshot showing how to create a project by uploading a zip

Managing Programs

You can create folders to help organize your programs. To create folders, click the New Folder button, enter a name for your new folder, and click Create Folder

GIF demonstrating how to create a folder in the CodeHS sandbox

You can easily organize, rename, and delete programs. Click on the '...' to the far right in the program list to modify a program:

Screenshot showing how to modify an existing Sandbox program in CodeHS

Options Include:

  • Rename: Rename the Sandbox Program

  • Open: Open the program

  • Copy link: Copies the link of the program to share

  • Duplicate: Make a duplicate of the program inside your own Sandbox

  • Move to Folder: Move program into one of your folders

  • Delete: Delete the Sandbox Program

To recover deleted programs, visit your Account Settings, open the Code History tab, and choose Sandbox Trash.

Screenshot showing location of Account Settings
Screenshot showing location of Sandbox Trash in Account Settings

Sharing Programs

Sharing and Embedding Sandbox Programs

There are many ways to share a Sandbox program, including sharing a link and embedding it in another webpage. Click Share to get a URL to share with others and choose to show or hide your code.

💡 Note: Sharing availability depends on your account type and your teacher's Section settings. If sharing isn't enabled, your Share options may be limited to viewing within your Section, or unavailable. Ask your teacher if you're not able to share a program.

Screenshot of the code editor highlighting the share button
Screenshot showing share options for a Sandbox program

Forking Sandbox Programs

Forking is the ability to copy a program to your own Sandbox, essentially taking a snapshot of the program and making it your own. When viewing a shared Sandbox, click the Fork button to create a separate copy of the program.

Screenshot of the code editor for a sandbox program highlighting the fork button

Collaborate on Programs With Others

With Collaboration, you and your classmates can use the CodeHS IDE to work together on the same coding activity live and in real time!

Gif showing multiple students editing a Sandbox program together

To start a real-time collaboration session:

  1. Go to the Sandbox program you'd like to collaborate on

  2. Open the Collaborate tab in the left navigation panel

  3. Enable Collaboration

  4. Share the link that is generated with your peers. Anyone with collaboration access will be able to make changes to the program until their access is disabled.

  5. Remember to save as you work!

See For Students: Real Time Collaboration to learn more about collaborating on CodeHS!

Learn More

See Tutorials to level up your coding skills with our interactive Tutorials!


Still have questions? Ask your teacher for help!


​

Did this answer your question?