https://github.com/sanyampunia/supa-radio

Interactive Music Visualizer created using Supabase & Hosted via Firebase
https://github.com/sanyampunia/supa-radio

hacktoberfest2021 music-player supabase sveltekit threejs visualizer

Last synced: about 1 month ago
JSON representation

Interactive Music Visualizer created using Supabase & Hosted via Firebase

• Host: GitHub
• URL: https://github.com/sanyampunia/supa-radio
• Owner: SanyamPunia
• Created: 2021-09-30T15:57:22.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-10-16T08:57:55.000Z (over 3 years ago)
• Last Synced: 2023-03-04T10:16:47.936Z (almost 2 years ago)
• Topics: hacktoberfest2021, music-player, supabase, sveltekit, threejs, visualizer
• Language: Svelte
• Homepage: https://suparadio-viz.web.app/
• Size: 87.3 MB
• Stars: 10
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
[![Hacktoberfest](https://img.shields.io/static/v1?label=hacktoberfest&message=hackathon&color=90a88b&style=flat-square)](https://hacktoberfest.digitalocean.com/)

[![Svelte](https://img.shields.io/static/v1?label=svelte&message=js&color=important&style=flat-square)](https://svelte.dev/)

[![SvelteKit](https://img.shields.io/static/v1?label=svelte&message=kit&color=important&style=flat-square)](https://kit.svelte.dev/)

[![Supabase](https://img.shields.io/static/v1?label=supabase&message=database&color=red&style=flat-square)](https://supabase.io/)

[![ThreeJS](https://img.shields.io/static/v1?label=threejs&message=visualizer&color=blue&style=flat-square)](https://threejs.org/)

[![Firebase](https://img.shields.io/static/v1?label=firebase&message=hosting&color=ff69b4&style=flat-square)](https://firebase.google.com/)

# 🎵 Supa-Radio

## Supabase Music Visualizer

A 3D Music visualizer built with supabase with Realtime chat functionality. Relax and Chill 🎵

![Capture](https://user-images.githubusercontent.com/35108041/136731508-4fa7d47d-6c94-46f1-b5f6-7ba12d30d60d.PNG)

## 🔗 Link to the Project

[Supa Radio](https://suparadio-viz.web.app/)

Featured on [madewithsupabase](https://www.madewithsupabase.com/p/supa-radio)

## 👨‍🌾 Contributors

[Sanyam Punia](https://github.com/SanyamPunia) 

[Yash Punia](https://github.com/Yash-Punia)

## 🔌 Tech Stack

  * [Svelte](https://svelte.dev/)

  * [SvelteKit](https://kit.svelte.dev/)

  * [ThreeJS](https://threejs.org/)

  * [Supabase](https://supabase.io/)

  * [Firebase](https://firebase.google.com/)

## ➕ Features

Features of the Supabase Music Visualizer include

1. Fast streaming of music stored on [`Supabase Storage`](https://supabase.io/docs/guides/storage)

2. Realtime chat using secured authentication with the people who are listening to songs.

3. Change visualizer settings on the fly.

4. Playlist of all the songs being played on the website.

## 💻 Developing

You can conribute on the project by cloning from github. After that

```bash

# install all the dependencies

npm install

# or start the server and open the app in a new browser tab

npm run dev -- --open

```

> This project is submission for Supabase Hackathon 2021