Welcome to my Svelte Demo page!

logo logo logo

Svelte is an open-source, modern JavaScript framework forbuilding user interfaces. What sets Svelte apart from many other JavaScriptframeworks and libraries is its unique approach to front-end development. It'soften referred to as a "compiler" or "cybernetic" framework because of how it operates.

In this showcase, I've harnessed the power of Svelte, combined with my HTML, TailwindCSS, and JavaScript skills, to craft a web experience that goes beyond the ordinary. Using the knowledge I gained from the Svelte tutorial and my creative touch, I've transformed a simple website into a visually stunning and highly interactive platform.

This Svelte Tutorial is split into four main parts:

  • Basic Svelte
  • Advanced Svelte
  • Basic SvelteKit
  • Advanced SvelteKit

Each section will present an exercise designed to illustrate a feature. Later exercises build on the knowledge gained in earlier ones, so it's recommended that you go from Tutorial to Motion. If necessary, you can navigate via the menu bar above. Enjoy!

This Github Respository is current private, if you would like to see the code on Github, please email macylau94@gmail.com to request access. Thank you.