# How to use the Playground

### Introduction

CodeChum has a place where you can run and test your code in a CodeChum coding environment. We call it our Playground! 

The Playground is a free programming tool within CodeChum that allows you to freely code or practice anytime you want, and even export that code if you'd like! 

### Steps

To use our Playground, follow these steps:

1. Login to <https://app.codechum.com/login> with your student account.<br>
2. Click the **Playground** button on the bottommost part of the sidebar. This should open a screen similar to CodeChum's coding environment, but only with a big code editor in it.<br>

   <figure><img src="https://3430199281-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fd8NbYQ7MMXKmd7h0dJgN%2Fuploads%2F63wIEvfABITYooqHUmdI%2FStudent.png?alt=media&#x26;token=289f05f1-92d4-4ef2-a8dd-576d53f4fa47" alt=""><figcaption></figcaption></figure>

   <figure><img src="https://3430199281-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fd8NbYQ7MMXKmd7h0dJgN%2Fuploads%2FyWaHat6OonubahmJjDaf%2F1.png?alt=media&#x26;token=2da48550-5e7a-4768-bea2-e01c828ca91e" alt=""><figcaption></figcaption></figure>
3. If you wish to test and see how your code will look like when run, click on the **Run Code** button on the bottom right portion of the screen. It should open a terminal where your code is run.

   <figure><img src="https://3430199281-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fd8NbYQ7MMXKmd7h0dJgN%2Fuploads%2FC81W8Dc9HEHHpOxOBQYW%2F2.png?alt=media&#x26;token=3b72dee6-f061-4ba1-b54a-1fccf4757224" alt=""><figcaption></figcaption></figure>
4. If you wish to change programming languages, click on the dropdown on the top right of the code editor.

   <figure><img src="https://3430199281-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fd8NbYQ7MMXKmd7h0dJgN%2Fuploads%2FQU6FddLIM9r5WunZQkdq%2Fmysql.png?alt=media&#x26;token=8c1262df-5fb5-4463-87f1-e29791d935f8" alt=""><figcaption></figcaption></figure>
5. If you wish to add more files to your code, click the blue **+** button beside the main file on the top left of the code editor.

   <figure><img src="https://3430199281-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fd8NbYQ7MMXKmd7h0dJgN%2Fuploads%2FrL7gBz8ZaXWeCiWIBV9a%2F4.png?alt=media&#x26;token=c2529f1a-2ca3-476f-8ba1-bfe1ac01be43" alt=""><figcaption></figcaption></figure>
6. If you wish to download a copy of your code locally, click on the **Download** icon on the top right of the code editor. This will export the files with the programming language of your choice as the file type (.c, .cpp, .cs, .java, .py, etc.).&#x20;

   <figure><img src="https://3430199281-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fd8NbYQ7MMXKmd7h0dJgN%2Fuploads%2Fvyv77H92Rgs4QlSB5AzK%2F6.png?alt=media&#x26;token=da9483e9-0997-4d37-93f4-6d7173a43353" alt=""><figcaption></figcaption></figure>

***

And that's how you make use of our Playground in CodeChum!<br>