Svelte Project

This project was a hands-on university assignment designed to teach the fundamentals of SvelteKit—a modern JavaScript framework known for its simplicity and performance. The goal was to build a functional application while exploring the core concepts that make Svelte unique.

Dove deep into the building blocks of Svelte: props for passing data between components, reactivity for automatic UI updates, event handling for user interactions, two-way bindings for form inputs, and dynamic classes & styles for conditional styling. Each concept was practiced through dedicated tutorial pages.

Explored Svelte's built-in motion capabilities including transitions, tweening, and spring animations. These tools made it easy to add polished, performant animations without reaching for external libraries—showcasing how Svelte handles motion as a first-class citizen.

Implemented KindeAuth to secure the tutorial pages behind authentication. This added a real-world layer to the project—users must log in before accessing the learning content. Gained experience with auth flows, protected routes, and session management.

Built a fully functional Pokédex by making API calls to a Pokémon database. This feature demonstrated fetching external data, handling async operations, managing loading states, and rendering dynamic content—all core skills for modern web development.

This project solidified my understanding of component-based architecture, reactive programming patterns, and API integration. Working with KindeAuth introduced authentication concepts early, while the Pokédex feature proved that learning can be fun when you're building something you're excited about.