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

A small drag and drop code-meditation. With a little HTML, JS and CSS, you will be able to build a web interface, style it, and even add multiple interactions of your choice.

myTerrarium

About the project

This is a learn by doing project by Micorsoft

My Terrarium is a virtual terrarium to place and remove plants with the help of pointer drag and drop in the real time using Javascript, HTML and CSS.

Credits

Written with ♥️ by Jen Looper

The terrarium created via CSS was inspired by Jakub Mandra's glass jar codepen.

The artwork is hand drawn by Jen Looper with the help of Procreate.