DEV Community

Cover image for Stream discovery - find a streamer
Ondřej Šimanovský
Ondřej Šimanovský

Posted on

Stream discovery - find a streamer

What I built

Streamer discovery is web app to discover, create and rate twitch streamer. Guest users can only search streamer. Logged in users can create new streamer and rate existing one.

Category Submission:

  • Best Overall Project
  • Most Visually Pleasing
  • Most Technical Impressive
  • Best Project built using Supabase as the main data provider for the refine app.
  • Best Project built using Material UI as the main UI framework for the refine app.

App Link

The project has been deployed with Vercel and can be found at the following link: Stream-discovery

Screenshots

Main page
Main page

Login page
Login page

Register page
Register page

Create new streamer
Create new streamer

Description

Stream discovery is a web app for people who likes watching streams.
This app helps find a new streamer.
People can create account and then add new streamers and rate existing.
Guest users can only see and filter curretly added streamers.

Link to Source Code

The source code for the project can be found on GitHub at the following repository: GitHub Repo

Permissive License

The project is licensed under the MIT.

Background (What made you decide to build this particular app? What inspired you?)

I decided to build this app beacause nowadays is pretty popular the watch some people streaming things that they like.
I wanted to make app for people to easily find new streamers.
They can choose streamers based on rating from other users.

How I built it (How did you utilize refine? Did you learn something new along the way? Pick up a new skill?)

This Project is built using the following resources:

I definitely learn more about Next.js and discovered Refine which looks nice and good choice for my project.
I also learn how to work with Supabase which is also great tool that simplified so many things. And more importantly I learned how to work a use documentation of new tech tools.

Additional Resources/Info

I would love to continue in developing this app and add new features.
Something I have in mind:

  • Add fetch directly to twitch.tv to fetch data for particular streamer handle
  • Add add a comment for logged in users
  • Read comments for guest users.

Top comments (0)