mintbaseXsupabase

Mintbase X Supabase We are a team of two fullstacq devs and blockchain enthusiasts, TheReshma( project is an app which lets you browse, like and comment NFTs from Mintbase on the NEAR blockchain, equipped with light 🌞 and dark πŸŒ™ mode. We chose NEAR because it lives up to the promises of web3, it brings all the features, security and performance of Ethereum v2 with the advantage that it's already here and ready to use. Through my background in AI, I have my own love/hate relationship with graphs and was all-in when I saw this hackathon announced🀿 The app pulls NFTs as graph data from the public Mintbase graph, uses Supabase Auth to manage users and Supabase tables for the NFT, Like and Comment data. The Supabase graphQL plugin and the auto-generated schemas enables fetching and posting data in a powerful and effective way. How to use Log in with your google account. Your name provided by Google will be used as your id for likes and comments. Browse the feed of latest Minbase NFTs on the test- or mainnet. A click on the image will open a magnified Card with the NFT image and description. Like or Dislike each NFT just like in the old days when having prejudice wasn't a crime and judging the worq of others was the most fun thing to do with your friends. For the BDP folks, we implemented a non-tracable way to change or delete your Like/Dislike for when you change your mind. The cherry of human interaction is verbal, thus let lose and Comment your unasked opinion and/or read other users brainfarts πŸ’¨ but keep in mind that those are meant for eternity. Just imagine how much more fun Twitter would be if no1 could edit or delete your posts ✨ With the 'favorite' button you can save an NFT and find it back later on the 'Favorites' page. One click on the NFTs avatar will send you to the corresponding Mintbase Store, where you can even buy and be the new proud owner of your fav NFTs. No worries, we also have full understanding if you're broke and prefer to screenshot. Life is about living and letting live. This leads me to round up with this decription with a question to the Supabase hackathon organizers: Which trees are you planting for these project? My preference are Ombu trees. That being said, I hope you mint some dope NFTs of those trees so we can judge them here 🍡 Live demo nftea-base.netlify.app

#Bring the Func

#NextJS

#React

#NFT

#TailwindCSS

#Web Apps

146

DocuPool - Document Sharing Platform

DocuPool is a document sharing platform built with Supabase. Users can upload their own documents and get coins that can be spent to unlock other people's notes, documents and more. Edge Functions are the main focus of this project! They are used wherever we need a secure environment to run our code on. For example, our [admin panel]( uses Edge Functions to approve or reject users' submissions. The business logic for handling the number of coins is directly coded into the function. Non-admin users interact with functions whenever they unlock a new document! Approve document( Unlock document(

#Bring the Func

#Hackathon

139

AbileneX: The Revolutionary Idea Feedback Tool.

AbileneX is an idea voting tool that helps you get idea feedback that has not been distorted by the Abilene Paradox. Voting on ideas with AbileneX vs discussing the idea( to learn more about AbileneX and the Abilene Paradox that it is based on.

#Bring the Func

#Web Apps

#NextJS

#Open Source

#Hackathon

#Analytics

108

Kardow

Managing a project has never been so easy. With Kardow, you can create, edit, and track your projects. You can also share your projects with your team and collaborate with your team members. What are you waiting for? Join us! πŸš€ Features Drag and drop board Track issues easily Simplicity first Highly customisable πŸ–₯️ Tech Stack Supabase Auth Supabase Database React Typescript MUI Mantine

#Bring the Func

#Hackathon

#React

#Open Source

#SaaS

#Productivity

100

Pgm Dictionary

Pgm Dicitonary ![Demo Image]( clone using NextJS, Mantine and Supabase graphql. Pgm dictionary is a dictionary of programming words and their definitions and synonyms. Anyone can add their own words and definitions. Tools NextJS Mantine Supabase Supabase UI Supabase Used supabase for authentication and database. Used pg_graphql for graphql support.

#Bring the Func

#Hackathon

99

Wen NFT

Wen NFT! Your NFT community toolset! Built on Supabase DB and edge functions. 3m video demo! Description Wen NFT is API to help you manage your NFT communities. It let's you ensure somebody owns an NFT before they are allowed to join exclusive communities you are building. The following repository is a proof of concept built for the supabase launch week IV hackathon. Features: automatic indexing of NFT ownership validation of NFT ownership linking socials data after NFT ownership is allowed to let users access Architecture: There are 4 micro services in this project: ERC721A Smart Contract. Deployed to Rinkeby testnet, typescripts typings are dynamically generated from the solidity code 3 Edge Functions that smoothen the operations and ensure no other micro-service is blocking when running Indexer service that automatically listens to any events on the smart contract. Deployed to the edge with Fly.io. It works in tandem with the edge functions for smooth scaling. Dapp frontend that consumes 2 edge functions. In Next.js SSR it validates ownership of the NFT and it also performs non blocking edge function calls to save extra info to manage the community! Where this can go next: edge function + the indexer pattern are relly nice. It would be even better to integrate the indexer workflow as part of supabase realtime.

#Bring the Func

80

Live ATC

Live ATC lets you listen to realtime ATC (Air Traffic Control) audio, using the [ATC API]( that I built. You can use Live ATC by searching available airports or featured/popular airports on the landing page. Then you must select a frequency that has a status of UP. Then your audio will load and start playing automatically. If you want a suggestion Airport and frequency, I recommend KATL - Hartsfield Jackson Atlanta International Airport and frequency KATL Tower.

#Bring the Func

#Hackathon

#NextJS

71

SupaDB

SupaDB It lets you to connect and play with Supabase REST API / Graphql easily, simply login with your GitHub, obtain the necessary credential and you can initiate Supabase client. For more infomation about the Architecture, check out the [GitHub repo](

#Bring the Func

#Vuejs

#Web Apps

#Database

66

SupaCart

SupaCart is an inventory Management software that uses Supabase for Authentication and realtime database. SupaCart is easy to navigate and make use of. Users of SupaCart can create shop keepers to attend to their shops and can add products to the warehouse. Shop keepers and Users can generate invoice payments and this aids ease of tracking just how much of product was sold.

#Bring the Func

44

Supabase Edge Functions Test Client

Lightweight postman like client to test your Supabase Edge Functions both locally and when deployed.

#Bring the Func

40

SupaComments

For a very long time, I wanted to build my own commenting system. But never had a chance. Now it's time for A blazing fast, lightweight, and open-source comment system for a static website, blogs powered by Superbase.

#Bring the Func

#Open Source

#TailwindCSS

#Svelte

#Jamstack

#Comment

37

Hack Club Blogs

Hack Club Blogs is a platform to check out blog posts written by [Hack Clubbers]( Through importing what you already have or creating a new custom blog on-site, this app platform lets you make and read blog posts with others!

#Bring the Func

#Supabase

#NextJS

#TailwindCSS

#Blogging

#Hackathon

33

MAH ANIME

Allows user to bookmark or keep track of their favorite anime!

#Bring the Func

#Hackathon

#React

#Anime

31

SpecFlow

SpecFlow - Specification reimagined Main Site: Components Supabase Connector Connects to a Supabase Project and allows the use of the Supabase API Airtable Connector Connects to an Airtable base and allows pulling data from it SelectTable Node Allows the selection of a Supabase database for further querying Filter Node Allows filtering of the database table data Display output node Displays the raw data returned from the previous nodes connected to it (usually filter node) ![mind-mappng]( vision of this tool is that it can help alleviate some pain points when developing APIs and Specification for a product or a service. For our PoC we picked Supabase to connect to and pull tables and data into our flow components thus giving a graphical overview of the actions associated with fetching those data. This procedure helps visualize the flow of data and so it is easier to design and develop around. Supabase was also used for the complete account management of our website and project (flows) storage. Specifically we used the following Supabase capabilities: User Auth Storage (serving assets) Database Functions (to delete users and fetch public table names) Database query for records The website and components were built via Framer ( big thanks to the Framer community for their support and assistance! > Special Thanks to @Envans (e.doni@7linternational.com), @gbarmpas7L (g.barmpas@7linternational.com), @EmilyPapadourou (e.papadourou@7linternational.com ) for developing this hackathon entry and PoC πŸ‘

#Bring the Func

30

Billy

Billy is a bill tracker mobile app that gently nudges you to pay your bills on time! Current Features: Add bills with some handy autocomplete options. When you click on a given default billing organisation, the category will be prepopulated. Keep track of bills that you have missed (past due date) The mobile app can work without internet. If you create an account and log in, you can sync bills to the cloud (Supabase). *Note: notifications yet to be implemented as of submission on 10Apr to BringTheFunc hackathon. implemented on 14Apr.

#Bring the Func

#Hackathon

#React Native

#Open Source

26

Feedback Central

Feedback Central The AI Powered Feedback Aggregator for the Supabase 2022 Hackathon Project URLs The project is available at [feedbackcentral.io]( any pull request also has an automatically generated preview URL. How to use the project? Please look at the website/repository for more information about usage of the project How we use Supabase? Database All of our data is stored in the Supabase hosted PostgreSQL using RLS to protect the data from bad actors. Postgres Functions We have a couple functions in plpgsql: public.regenintegrationkeypair, this uses pgcrypto to generate a keypair used for validation of requests. It returns the private key and that is the only time it can ver be exposed as we then store the public key as a hex string in the database public.??? This function is used by pgcron to asynchronously call the ingest function with the relevant headers which are signatures created by pgcrypto Auth We support magic links and Twitter OAuth, this is managed by GoTrue from Supabase. This links into the RLS system and the permissions for organizations/teams Edge Functions We have 2 major edge functions: classify_feedback This function takes in the id for a piece of feedback and sends that off to [OpenAI]( to classify it, once it has been classified the response is sent back as a response and persisted into the database so it dosen't need to be fetched again. ingest This function is run on a cron job or by an integration wanting to record. This function uses a public/private key signature system to validate the request is valid. Our Team | | | | |--------------------------------------------------------------------|------------------------------------------------------------------|--------------------------------------------------------------------------| | <a href=" | <a href=" | <a href=" | | <a href=" | <a href=" | <a href=" |

#Bring the Func

22

Pixel Art

The Pixel art project is submitted for Supabase functions hackathon. We have 15 * 15 pixel where the whole front end is created using Vue.JS Whenever a click is made the pixel clicked and the color code selected is sent to the supabase function, in the supabase function we will be fetching the existing values and then appending this and upsert into the database. (only two columns, date and JSONB) The functions consists of three different parts. 1) To Save the pixel information as mentioned before. 2) To fetch pixel created based on the date / current date. 3) To create the history of date from starting (hackathon stating to current date)

#Bring the Func

18

# 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 πŸš€