DEV Community: Mika

Building Lego brick effect generator with Svelte

Mika — Tue, 12 Apr 2022 05:37:07 +0000

I was inspired by this TikTok video showing how to build a cool Lego look in Figma and decided to turn it into a generator made with Svelte.

Find the article on Medium.

How to add Discord OAuth to your SvelteKit web application

Mika — Thu, 01 Jul 2021 13:15:41 +0000

In this guide I will show you how to bundle your SvelteKit app with Discord OAuth that’s handled on the server side of your web application.

You can access the guide on Medium:
https://msyyn.medium.com/how-to-add-discord-oauth-to-your-sveltekit-web-application-7c2e69d7656e

You should be familiar with the basic concepts of SvelteKit and Discord to get most out of this guide. If you are looking for a quick start template, you can use my sveltekit-discord-oauth-starter template that has same project structure than this guide offers.

Looking for an Sapper alternative? Check out my Sapper version of this guide here.

Become a better front-end developer

Mika — Sat, 20 Mar 2021 12:41:40 +0000

Also available on Medium.

If you have been around the front-end scene for a while, you probably know that a few years ago being a front-end developer meant that you handle HTML, CSS and maybe some basic Javascript, whereas backend logic was done with languages like PHP. Nowadays, the term front-end developer has broader usage.

Two sides of the front-end

According to article Front-of-the-front-end and back-of-the-front-end, there are two types of front-end developers. Front-of-the-front-end developers focus on look & feel and back-of-the-front-end developers focus on business logic and functionalities.

Credit and source: Twitter/@shadeed9

A front-of-the-front-end developer is a web developer who specializes in writing HTML, CSS and presentational JavaScript code.

A back-of-the-front-end developer is a web developer who specializes in writing JavaScript code necessary to make a web application function properly.

Often those who only maintain a skill set of HTML/CSS are falsely mistaken as inexperienced developers which is not the case. A front-end developer shouldn’t feel pressure to learn Javascript if they want to focus on the visual aspect of the front-end rather than the functionality side of the front-end.

Let’s take a look at this picture:

Credit and source: The Great Divide, Chris Coyier

Both of these are front-end developers, but do entirely different things and obtain different skill sets. Understanding this division is crucial for shaping your own path as a front-end developer.

Ask yourself why

In many social situations people often ask us ‘What do you do?’ When answering the question, you would probably say something along the lines ‘I am a developer’ or ‘I build web applications’.

Now instead, you should approach that question with why you do what you do. Take a moment to think of your why. What is something that really sparks joy in you when developing? The answer could be something ‘I love crafting beautiful and accessible online stores to make online shopping a better experience for everyone’.

When you have an answer for yourself about why you do what you do, it becomes easier to categorize you to either side of the front-end development. If your why is more related to visuals or usability, you’re leaning towards front-of-the-front-end, and if your why is more related to logic or systems, you’re leaning on the back-of-the-front-end.

Choose your path

Now that we have explored the two sides of the front-end and took a moment to understand your whys, it’s easier to choose the path to continue on or identify the path you’re currently on.

If what you prefer to write is semantic and accessible HTML, you know CSS/SCSS architecture and build pleasant layouts, you’re probably a look & feel oriented developer who fits in the front-of-the-front-end category.

If you prefer writing complex Javascript logic, working with modern Javascript frameworks and APIs, you’re probably a functionality oriented developer who fits in the back-of-the-front-end category.

The line between these two sides varies from developer to developer and you could be a mix of both. Having understanding of the division helps you better categorize yourself which should help shape your path as a developer and progress your set of unique skills.

Sources and credits:

The Great Divide by Chris Coyier (@chriscoyier )

front-of-the-front-end and back-of-the-front-end web development by Brad Frost (@brad_frost)

Thank you for reading! Consider following me on Twitter for more insightful content.

How to add Discord OAuth to your Sapper web application

Mika — Fri, 26 Feb 2021 10:44:47 +0000

Hello, in this guide I will show you how to bundle your Sapper app with Discord OAuth that’s handled on the server side of your web application.

You can access the guide in Medium: https://link.medium.com/RJTU1KzLbeb

If you are looking for a quick start template, you can use my sapper-discord-supabase-tailwind starter that has similar project structure than this guide offers.

Sapper, Discord OAuth, Supabase and TailwindCSS starter template

Mika — Thu, 25 Feb 2021 21:59:01 +0000

Hello 👋

I've just released a quickstart template including Sapper, Discord OAuth, Supabase and TailwindCSS for your next Discord web app.

You can find it here:
https://github.com/msyyn/sapper-discord-supabase-tailwind

Switch from Firebase auth to Supabase auth, the open-source Firebase alternative

Mika — Thu, 11 Feb 2021 10:14:26 +0000

If you’re using Firebase as a authentication service for your application and you’re considering moving over to Supabase, the open-source alternative, this guide helps you walk through the migration.

You can read the guide here: https://link.medium.com/Ph52LSSPMdb

Build a simple web app with Sapper using Supabase for authentication

Mika — Wed, 10 Feb 2021 22:16:43 +0000

This tutorial covers building a basic authentication for your Sapper application by using Supabase, the open-source Firebase alternative.

The tutorial is published on Medium, and you can read it here: https://msyyn.medium.com/build-a-simple-web-app-with-sapper-and-supabase-including-authentication-3935ac34aed7