In this repo I set out to include and hopefully explain a series of projects using Svelte.js.

A light-bright app inspired by a take-home project at freeCodeCamp. A perfect way to ease in the framework and explain basic concepts, directly in the REPL.

Tags: getting started, repl, components, reactivity, events, dispatcher

A silly button allowing to raise a mallet and strike the puck of a carnival machine. Using SVG syntax, svelte reactivity and built-in motion functions.

Tags: reactivity, motion, spring, subscribe, tweened

Describe the eliminatory stages for a hypothetical sport competition, taking advantage of the <svelte:self> component.

Tags: self, store, custom store

Create a CRUD application to add/update/delete key value pairs. Highlight the items through D3 and two visualizations.

Tags: bind, custom store, crud, d3

Create an application allowing to track the passing of time and the lapse between laps.

Tags: setInterval, store, readable, animation, conditional statements

Elaborate the absolute frequency for every word included in a textarea element. Highlight the result through a table and a pie chart.

Tags: each, d3, fetch, animation

Compute the wind chill index on the basis of the input temperature and speed. Differentiate the result according to the chosen unit of measure.

Tags: form, dispatch, spread

A memory-based game in which cards are flipped and matched in pairs.

Tags: utils, each, svg, transition

An experiment with SVG syntax and the Aldous-Broder algorithm to create an endless game in which the player moves within the boundaries of a maze to reach a goal.

Tags: svg, algorithm, motion, grid, promise

Create a series of independent applications for a hypothetical smart watch.

Tags: svg, components