My Terrarium: A project to learn about HTML, CSS, and DOM manipulation using JavaScript 🌵🌱

January 29, 2026 · View on GitHub

Na small drag and drop code-meditation. Wit small HTML, JS and CSS, you fit build web interface, style am, and add interaction.

my terrarium

Credits

E write wit ♥️ by Jen Looper

Di terrarium wey CSS build na Jakub Mandra glass jar codepen inspire am.

Di artwork na wetin Jen Looper draw by hand wit Procreate.

Deploy your Terrarium

You fit deploy, or publish your terrarium for web wit Azure Static Web Apps.

  1. Fork dis repo

  2. Press dis button

Deploy to Azure button

  1. Follow di wizard create your app. Make sure say you set di app root to either be /solution or root of your codebase. Di app no get API, so no worry about to add am. .github folder go create for your forked repo wey go help Azure Static Web Apps build service build and publish your app to new URL.

Disclaimer:
Dis document don translate wit AI translation service wey dem dey call Co-op Translator. Even though we dey try make am correct, abeg sabi say machine translation fit get mistakes or no too correct well well. Di original document wey dey im own language na di real correct source. For important info, e better make human professional translate am. We no go responsible if person misunderstand or mistake any from dis translation.