This is your work, valued

Barcelona, Spain

Johnny Magrippis

Elite
@jmagrippis

I code around the world, and inspire others to do the same 🧑‍💻👩‍💻👨‍💻

with-svelte. We've done a few things with Svelte, and so can you!

66

techy-cat. Techy Cat: Get inspired & do more tech!

52

eri. Portfolio site for Eri Panselina, plus subject of YouTube tutorials!

16

svelte-hamburger. A 🍔 menu animation based on a SVG paths and CSS animations

13

svelte-carousel. A horizontally scrolling slideshow, with Svelte and Tailwind

12

johnnify. A membership platform to level up your coding journey!

11

tailwind-with-sveltekit. A demo project to accompany a piece at https://magrippis.com

11

react-googleyolo. A React Provider and connector for Google's sign-in library.

10

svelte-kritic. Svelte

8

magrippis. A personal site showcasing skills and experiments

7

moving-scapes. Portfolio site for the Moving Scapes video project

6

markdown-to-supabase. A Github action to sync your markdown files to your Supabase database

6

emoji-of-the-x. The first emoji of the day / week / month app

6

vitest-with-sveltekit. TypeScript

5

hello-there. Greet your friends using generative AI!

5

tailwind-with-svelte. A demo project with Tailwind 3 and SvelteKit

5

bonus-xp. Where curiousity journeys, exploration, and play, level you up!

3

sveltekit-dashboard. Johnny's take on the Next/Learn course... but implementing with SvelteKit!

2

create-graphql-app. Boilerplate for a monorepo with a graphql server

2

sveltekit-saas. A demo Software as a Service solution, using SvelteKit & Supabase

2

wizard-blast. 👾 Expanding on the tutorial game for Godot 👾

1

react-magnetic-carousel. A demo of how you can create a carousel using Tailwind and React / Next.js

1

use-more-custom-hooks. A repo to accompany thoughts on how you should be writing more custom hooks, when you're doing React

1

sveltekit-deploy-to-vercel. A demo app which doubles as a guide for deploying SvelteKit to Vercel!

1

top-three-things. Set three goals for your day and be rewarded for achieving them: Get. Things. Done.

1

minnmax. An unofficial hub for MinnMax, the Patreon for games, friends and getting better

1

react-maps-loader. Easily load and consume Google's Maps JavaScript API

1

react-window-global-loader. Load scripts and consume whatever they inject to the global window.

1

swipeable-approval-cards. Swipeable/draggable cards to positive or negative actions, in the style of the Tinder or Linkedin mobile apps.

1

client-cookies. A modest package to easily set and get cookies in Javacript.

1

password. A memorable but secure password generator, written in Go!

1