# Your workspace

Wondering that this is?

<figure><img src="https://324211496-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlBO-Je5kwyo8aFQDUg%2Fuploads%2FSE1YZTnrFUL9ARaXF07C%2Fimage.png?alt=media&#x26;token=fea1be88-29e6-4e8d-9e73-53668279a1e4" alt=""><figcaption><p>Go ahead, take a guess.</p></figcaption></figure>

This is called your **workspace**. It's where you'll spend the majority of your time. The input boxes on the left (the ones filled with text) store whatever CSS styling, HTML markup, and JavaScript code you want.

Once you're satisfied with your work, just click the ▶️ button. nuken will build your project in the preview area, allowing you to see the output. Don't like what you see? Go back to the code boxes and press ▶️ again when you're done editing. By constantly updating the preview area, you build up your project - one edit at a time.&#x20;

That just about covers the basics. It's really simple - just enter your code, press ▶️, check your work. Rinse and repeat.

{% hint style="info" %}
**Keep on reading** if you'd like see everything else nuken has to offer. Some of it may be optional, but creativity has to start somewhere. 😎
{% endhint %}