What I built
Realtime Whiteboard application using Refine, MaterialUI and Supabase. It uses the Refine's Pixels application example.
Category Submission:
- Most Technical Impressive
- Best Project built using Supabase
App Link
Github:- https://github.com/amit-ksh/supaboard
App Link:- https://refine-supaboard.netlify.app/
Note: Github login not working right now
Screenshots
Description
Supaboard is a realtime whiteboard built using Refine, MaterialUI and Supabase. It is a simple and easy to use tool for creating art or playing Pictionary (a classic party game that requires someone to draw a picture while their teammates try and guess what they're drawing)
Link to Source Code
Github:- https://github.com/amit-ksh/supaboard
Permissive License
MIT License
Background (What made you decide to build this particular app? What inspired you?)
Supaboard is inspired by Refine's Pixels application which helps to create amazing art and share it with your friends easily.
Also, I wanted to learn about MaterialUI and Supabase. I was amazed by how easy to create a complex application within a week, if started from scratch I'm sure took me months to build this. And with the help of Refine, it become easier to create this I spent less than 1 minute building the authentication for this app.
How I built it (How did you utilize refine? Did you learn something new along the way? Pick up a new skill?)
While building the Supaboard, I utilized the following technologies and gained new skills along the way:
Refine: I leveraged Refine, a powerful framework for creating realtime applications with the help of Supabase and MUI refine module. It also provides different state management, authentication and authorization module for creating the application faster.
- MaterialUI**: I used MUI to create a modern and responsive app user interface.
React & Typescript: I used React for developing reusable and modular components and typesafe applications which improves code organization and maintenance.
Supabase: I use Supabase, an open-source platform, to simplify database management and ensure secure and scalable backend infrastructure. And with the help of Refine, it becomes a lot easier to manage the Supabase database
Top comments (0)