It Kinde of works: Part 2 of many

#kinde #authentication #webdev #sideprojects

The Kinde of posts are to highlight how Kinde's authentication can be used in fun and unproductive ways. This series will step through things like using our starter kits, workflows, properties, feature flags, custom UI, and a bunch of other features. The demo website has no real purpose, but we're going to try and get you to like and subscribe to our the company's LinkedIn profile amongst other things.

This is not a reflection of Kinde and is strictly a fun side project.

Please comment if there's any parts of Kinde you would like us to bash out or feedback on how to make this demo site more unusable.

Kinde of

Go to the site Kinde of to see the latest iteration, which may have already evolved from the time you've read this post :)

Here's a quick video taken at the time of this post.

Kinde features used

We leaned almost entirely on Kinde's custom UI with a custom auth domain to create this amazing iteration of our Kinde of masterpiece.

If you want to try fully customising the auth pages yourself, please refer to the custom UI documentation. We also have some open source starter kits with custom UI examples to help give you some inspiration.

One of our excellent engineers, Peter, also put together a Youtube video setting up a custom UI with one of our open source starter kits.

Demo highlights

This round has been focused on making an auth page mega game with a retro console homepage glow up, leaving the post-auth page with the blissful look.

The original intention was to use a wheel of fortune type wheel spinner where the selected box would be the auth you were forced to use. Maybe next time :)

But while hunting for Windows XP inspiration, we came across the classic Minesweeper game. But because this is a full auth mode implementation, our version will be called Kindesweeper.

The initial game is mostly working and requires you to find the auth method. Clicking on the emoji will reset the board and make you start again. Other UI elements like the minimise, maximise, and close buttons look nice, but do nothing.