Racing Game

This project is a showcase for the feasibility of React in gaming. Every thing is a self contained component using react-three-fiber to express threejs with React semantics. If that seems strange to you read this explanation.

#Game

289

Vocabulary Trainer

Vocabulary Trainer Team This project was made by: Jasper J. J. Westra Intro A project that helps you train vocabulary of a new language or help you remember professional jargon. By entering the words from the two languages you start learning the moment you begin making a new list. When your list is done you can practice in a multiple-choice style quiz. The system will make a sound that tells you you have answered wrong or correct. This auditory feedback helps to remember the words. When you feel like you are answering everything correct it is possible to switch languages. This way you can learn the words in both directions. Why this project When I was young I was struggling to remember vocabulary from French, German & English which are mandatory to learn in the Netherlands. Just writing down the words over and over doesn't work for me (and a lot of others). I realised that in order to remember the lists more efficiently the order of writing the words down should be random. On the school pcs's I found exam software for making school exams, with a multiple-choice option. I would make my own exams and study from that. The software had an option to shuffle the answers. I read about the hackathon in the Supabase Discord and this idea came to mind. I really like Supabase, and I have been using it for over a year now. I think it is Great! Live application URL Please visit: [vocabulary.center]( you will find the project in a live environment. I plan to leave it running here forever; whilst improving the project over time. Homepage( quiz]( my lists]( Development server Run ng serve for a dev server. Navigate to ` The app will automatically reload if you change any of the source files. Features The application uses Supabase's authentication to manage accounts. With an account you can manage private and public word lists Data is stored with Supabase On the homepage are the last 30 publicly submitted wordlists When logged in you can see your own private and public lists Snowflakes, when you want you can turn on a snow effect The loading spinner is a snowflake Plans for the future Eventually there will be an app for android, ios and windows devices A way to mark lists as a favourite, and a page where you can keep track of your favourites A public profile On this profile you can make sections with wordlists. You can then share this list with other people. This is especially good for high schools where kids have to learn word lists. Real-time On the homepage, there should be real-time statistics If a list is public you can see in realtime how many other users are doing this list Use text to speech to read out the words

#Holiday Hackdays

#Web Apps

#Game

#Personal Development

#Education

#Design

229

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

109

Trivia Time

Trivia Time Trivia Time is a trivia game built using Supabase, Next.js and other technologies and hosted on vercel. You can log in and compete with the other users from the rest of the world. The base set of questions are from the [Open Trivia Database]( but there are some new questions added. The questions, user information, scores and other information are stored using Supabase and it uses Supabase auth to authenticate users. The app also uses Supabase storage to store images related to the questions. View the project here: [ Features supported Login with email, Google, Github and Twitter Over 3k questions from 20+ categories and various difficulty levels Start a new game with any of the selected categories and difficulty level View your previous game scores, and see the list of top 20 players worldwide Play an unlimited number of times Dark mode Features planned Allow questions to use files other than images (like a video/sound clip) Enhance the user profile to add avatar, nick name etc Capability to host competitions/tournaments to compete with a set of people Bulk upload of questions in excel/json format Integrate with other auth providers

#Hacktoberfest

#NextJS

#Web Apps

#Hackathon

#Open Source

#Game

86

Sqword

SQWORD Crazy hard word building game. Used Supabase Functions to handle the Post-game leaderboard!

#Game

46

# madewithsupabase

Collection of projects made with Supabase

I made this to showcase the ⚡ Power of Supabase.
If your app/project is using Supabase and want to show off to the world,
Feel free to submit your project ya!

Join us! Submit a Project 🚀