overview
Simple flip-the-coin app made as Svelte practice. Inspired in this challenge. I wanted to try out Svelte, so I needed an easy project to get familiar the syntax and most basic concepts. This is my first ever Svelte project, and I think it looks kinda cute.
built with
- Svelte
- JS
- CSS
features
Click the coin or push the button, and the coin will spin randomly until it lands on either Heads or Tails. The coin is made purely with CSS. If interested in the look and animation, check out this pen on codepen, which was the practice playground for this project. The application looks good on all screen sizes, and the inclusion of the button makes it possible to trigger the animation also by using the keyboard alone.
notes on svelte
Overall I found it easy enough to get started with Svelte, also thanks to the official tutorial. The project is quite simple and doesn't have too many functionalities, so it was a perfect way to start; but I want to keep exploring Svelte and build more complex projects to get more and more familiar with the framework.
