Swappy.one

šŸŒŸ Swap your Twitter image based on interest/season temporarily or forever! About This project is inspired by Facebook's Temporary Profile Picture, as well as the Twitter Space's logo when someone is joining a Space. Thus, I've created this apps to swap your plain Twitter picture to fit the season/event/anything that you want your follower to notice! After a certain amount of period (you can configure on the app), it will automatically swap back (hence, Swappy) to your original image. And you can revisit the app when you feel like putting on another badges in the future. Powered by Supabase Supabase Auth As this project revolves around Twitter, it is obviously make sense to use Supabase Auth. But I had to work around, and store the user's oauthtoken and oauthtokensecret to invoke User-based API because currently Supabase only return providertoken, and not secret. This issue has been raised on [supabase/gotrue-js#105]( Supabase Database Capture the oldimagekey, and newimagekey, and get the images from Supabase Storage. It also capture the period of when to change the user's image back to old one. Supabase Storage Save all the user's old image, and new image, so that it can be easily retrieve to change into, or back original image. Supabase Realtime Show realtime toast notification when a user publishes a new image. It is using RLS that allow all users to SELECT. Postgres Function pgcron and pgnet makes this app possible. It change back the user's old image when the time is up. CRON was set to hourly based, and triggers serverless function hosted on Vercel.

#Holiday Hackdays

#Vuejs

#Open Source

#Twitter

453

Chivel

[Chivel]( helps you generate a landing page for your Youtube channel in matter of seconds. Here are some examples : [ let Chivel know your Youtube channel and choose a custom subdomain such as [fireship.chivel.tk( and a super fast and SEO friendly website gets generated in the blink of a eye just for you. Once a website is created, you get many options to customize it such as editing the Navbar, Analytics, adding announcement panels, etc..

#Holiday Hackdays

#TailwindCSS

#Web Apps

#Dashboard

#Social Media

#NextJS

281

Custodi

Note: This project has now beed archived. The code is still avaliable on GitHub An open-source Sentry clone using Supabase's Auth, Storage, Database, and Realtime

#Holiday Hackdays

#NextJS

#Open Source

#Analytics

#Archived

263

View Counter

View Counter This is simple solution to count your views in your pages with analytics. Tech Stack Next JS Supabase Chakra UI Supabase UI Users can give a URL which they want to count views, they can also give a slug. What we generate is an iFrame that can be plugged into their website. Whenever the website is hit, it increments the count and shows the count in the iFrame. The iFrame is generated using Next JS Serverless functions. Images Creation Page ![ you can create a link, once genereated it gives you a embed link for iFrame. Stats Page ![ can see the stats of the link. iFrames in action ![ Schema ![ Loom Video [ Gilla

#Holiday Hackdays

253

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

220

RT Poll - Realtime Polls

Over the past week or so me and my brother have worked on this simple poll platform that leverages the new Realtime + RLS capabilities of the Supabase database for the Holiday Hackdays hackathon. Sign in or create an account using a magic link, create your own poll and share it with friends and family. Uses most of Supabase features: auth, database, and storage! Built with the Next.js framework for improved DX, deployed on Vercel. Uses Chakra-UI for the components. You can find more information and a quick demo in the GitHub README( are open!

#Holiday Hackdays

#Hackathon

#NextJS

#Open Source

197

Supa Poker

SUPA-POKER šŸ‘ļøāš”šŸ‘ļø Scrum Poker for agile development teams. Powered by āš” Supabase āš” & NextJS. This is a Next.js( project.

#Holiday Hackdays

#NextJS

#TailwindCSS

#Hackathon

130

Card Creator

Card Creator is a platform where people can create and share digital holiday cards with anyone anywhere in the world! Every holiday season, the postal service becomes inundated with mail that there are [holiday shipping delays]( across the continent. To send holiday greetings to friends and family more reliably, people can use Card Creator!

#Holiday Hackdays

#NextJS

#React

#TailwindCSS

#Supabase

#Web Apps

119

beauty wishlist

Used Supabase to store data, implementing realtime, auth, and going to use storage. I've been developing a more high-effort app but wanted to make a lighter holiday tool using everything I learned so far for participation points :D This idea is something that I've chatted with a lot of beauty/skincare lovers on Instagram about wishing we had -- some way to see other people's wishlists in an ~aesthetic~ format! So I'll be updating this a lot more after the deadline. p.s. sorry it's not finished I just really wanted to participate but I only found out about the hackathon on Saturday :|

#Holiday Hackdays

118

End-to-end encrypted chat

An end-to-end encrypted chat using public keys and [Supabase]( Built for Supabase's Holiday-hackdays hackathon. Available at: <

#Holiday Hackdays

#Realtime Chat

#Encryption

#React

#TailwindCSS

116

Supabase Blog

This project was made in haste, realized the hackathon was on 1 day before deadline, therefore this entry is really only a CRUD with supabase, and a touch of supabase Realtime. Idea The idea was to make something similar to reddit, with realtime functionality. The post functionality is there, albeit primitive. Comments were supposed to be realtime, but due to the lack of time, were not implemented. Supabase usage Supabase Auth To authenticate users Supabase Realtime To update the feed in realtime Team Eric GitHub: Eriyc(

#Holiday Hackdays

91

supa secret santa

supa secret santa is a web app for organising, managing and participating in the popular christmas game, secret santa - in which members of a group or community are randomly assigned a person to whom they give a gift. the identity of the gift giver is to remain a secret and should not be revealed. supa secret santa allows an organiser to create a group with the details of the game (e.g. gift budget and deadline) and then invite other users to play. users join the group and can see the person they've been assigned to gift, however cannot see the identity of the person who has been assigned to gift them (aka their 'secret santa'). the app allows them to message both these people in realtime to discuss their interests and wishlist for christmas, so that they can receive and give the perfect gifts this year. you can watch a video demo here :)

#Holiday Hackdays

#NextJS

#TailwindCSS

#Web Apps

80

DevsHub

Meeting new devs app (like Tinder)

#React

#Holiday Hackdays

80

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

Santa Banter

Just a fun little joke uploading page with a leaderboard :D this is my second ever react project (I've still not finished my first ) but I thought id have some fun and join in the hackathon. Any advice on how I've structured my code or used supabase I would be grateful

#Holiday Hackdays

#React

68

Chatatat

I decided to submit a [weekly learning group]( project at the end of October. The primary objective was to learn some of the newer features we expect with React 18 and simultaneously try Supabase. Five of the apps I built in the following weeks also used Supabase. Remix was released publicly on November 26th. I had anticipated this and decided to wait a few days to start the fifth project. The first thing I focused on was authentication. Remix is a server framework, but there are no clear server-side authentication options with Supabase. Weeks five and six included submissions where some users could log in without issue, but in some cases where a user had an ad-blocker, the client would not set the Remix cookie properly. That brings us to week seven, where I decided to try and fix the authentication issue as a focus. During week seven, we would build a chat application. I self-hosted Supabase to make some changes to the authentication flow. Full disclosure, the application I am submitting for the Supabase hackathon was coincidentally built during the same week. On December 3rd, I started with a boilerplate I am building that has remix, supabase and tailwind. I patched GoTrue to include the accesstoken on the redirect to my server. With the accesstoken, I set a cookie directly on redirect. I make the token available to the client for data fetching without reloading the chat and real-time subscriptions. With these changes, the participants who had previously been unable to log in without an incognito window could now log in without an issue. Week 1 - QuickNote( * Client only Week 3 - VoteNow( Week 5 - typr( Week 7 - [Chat@@]( up the self-hosting this week coincided with hitting my limit on Organizations and Projects. I'm excited about where the supabase platform is going. I have always been a big fan of SQL. The past seven weeks have been an excellent opportunity for me to learn some of the features of Postgres. RLS, in particular, has been easy to ignore with an express server available. Overall the GitHub issues, open-source code and discussion boards have been a great way to gain insight into how others use the platform. I found this repo to be an incredible example, the tests especially. few things I need to look into next: refreshing the access_token database schema testing, specifically RLS graphql extension Going to try and add storage tonight for image uploads to hit the quad.

#Holiday Hackdays

#React

#Remix

#TailwindCSS

#netlify

#Personal Development

63

Holiday Sweater Contest

This web app is a virtual ugly holiday sweater contest. Anyone can upload a picture of their sweater, and then other users will vote if the sweaters are naughty or nice.

#Holiday Hackdays

#Flutter

#Flutter Web

#Web Apps

#Supabase

#Hackathon

63

Mapumziko

A holiday app

#Holiday Hackdays

54

Christmas list

Christmas list Description Christmas list is a simple app to resolve a big problem : what I'm going to buy for my family/friends this year ? Christmas list is gift list manager. How it works ? The app is pretty simple, you can create a group and invite your friends. Once it's done, everyone can populate his own gift list. Other group members can then check your list and choose something. Every members (except you), can see what is still available in your list and who have already buy something. I did it only on two days so a lot of things are missing but it was really fun to apply what I have learned about Supabase thanks to Jon Meyers's tutorial šŸ˜„ See you soon and... Merry Christmas to everyone at Supabase šŸŽ„šŸ‘‹

#Holiday Hackdays

#NextJS

#Web Apps

#TailwindCSS

#supabase

52

Supa Secret Santa - Holiday Hackdays

With the spirit of the holiday season, we bring to you a Supabase powered platform to be a Secret Santa for your loved ones, online.

#Holiday Hackdays

#React

#NextJS

#TailwindCSS

#Supabase

#Prisma

45