snappify

snappify helps you to create beautiful code snippets. It’s a design tool where you’re able to explain your code and style it to your needs. Have all your snippets stored in one place and easily share them with the rest of the world!

#Web Apps

#Code

#Design

#NextJS

#React

1,245

Truthy

A free OSS tool for building and sharing interactive programming quizzes

#Open Source

#Web Apps

#react

#next

#Code

220

textua11y

This was a chance for me to combine two things that I've wanted to have more of an in-depth look at for a while now: supabase a11y in dynamic applications You can read loads more about my thoughts in the README.

#Hacktoberfest

#Design

#Svelte

#Code

#Figma

106

Spookd

Spookd Framer icon Supabase icon A Framer prototype game with Supabase as backend This is a proof of concept project, to showcase how can a multiplayer game be created via any UI and a Supabase db. Using the DB to store data and the realtime communication (through websockets) to broadcast events. This game features: Creating user accounts Creating game lobby Joining game Playing and receiving gameplay events (player ready, win, loss, shared game data) instructions: Pick an avatar Make or Join a game (put 1 player to play a solo challenge) Press Start to indicate that you are ready to play Prefered platform: Mobile Gameplay link: Documentation Framer view The random blocks (PGB - Procedurally Generated Blocks) are smart components with 3 shapes inside and variable colors/shapes PGB PGB Variables Prototype Views (Framer) Registration Character picker bottom sheet Menu Game Creation Game creation bottom sheet form Game finder Game password modal Score Gameplay View Random target block modal Win modal Loss modal Mindmap Views API Overview User creation User is automatically created if they don't exist on local storage User is assigned a unique ID User is assigned a custom avatar Game creation Host user is creating a game with [name, max-players, password(optional)] The host is added as one of the players on the players column The game blocks layout is saved on the game_data column Idle games ( last_heartbeat ) for more than 1-hour are deleted Game join User finds the game through the list of games from the game finder view User adds password for the game if needed User joins the selected game and they are registered as the nth user on the database on the players column The "guest" user is subscribed to receive events via the Realtime Supabase Both players receive events when a new player registers, if the minimum_players value matches the players length Game play The "guest" user receives the pre-made layout from the game_data When the "host" and "guest" both press Ready the game starts When the game stars both players are presented with a shape combination to discover The first one that discovers the correct combination is the winner and the winner column is filled with the player_name Both players are notified via the subscription for the winner The loss modal is shown The win modal is shown Mindmap Supabase Clean up Right now clients are responsible of cleaning up idle games that their last_heartbeat is over 1 hour. Games also get removed after a winner has been declared but users refreshing the page or navigating away can leave the game in an idle state. In the future a dedicated server or Supabase function with a cron job could be responsible for handling these leftovers. Team Michael Dobekidis Twitter: @netgfx Github:

#Hacktoberfest

#Game

#Design

#Open Source

#Web Apps

#Code

90

Paste Bin Lite

Paste-bin Web application This application is lite version of popular website paste-bin made using supabase database. Using this application any user can paste a piece of code on this site.

#Holiday Hackdays

#Web Apps

#Code

#Publishing

#Github

#Personal

75

Limiter

Limiter is a low-code solution to set up, track and gate subscription features and limits while letting you maintain full control of your data. Every SaaS needs feature toggles, limits and quotas. Most will roll out their own implementation. But let's be honest, this logic is no fun to write. Limiter provides an opinionated solution to this problem. We've made the ultimate sacrifice and wrote the code so that no one ever has to.

#NextJS

#SaaS

#Open Source

#Supabase

#Limits

#Quotas

72