now-playing: A website to show what I'm currently listening to on Spotify Run on Repl.it

Overview

now-playing: A website to show what I'm currently listening to on Spotify Run on Repl.it

ā“ How does it work?

This project is split into two parts - the frontend and the backend. The backend is built in TypeScript, and communicates with the Spotify api to host a socket.io server, which receives data from the Spotify API, and sends it to the clients every second.

The frontend is built with HTML, CSS and TS and is hosted separately to the backend. It receives the socket data every second and fills the DOM with it.

šŸ¤” How can I use it?

The server is easy to deploy, all you need is hardware to run it on, software to run it on.

I'm too lazy to actually write docs on how you can use this, but I deploy it Replit (as I'm too lazy to maintain my linode instance)

āš™ļø Contributing

Feel free to contribute, just make sure that any commits you make are in correct English, and use gitmoji

Demo of frontend (not included in this repo):

demo

You might also like...

Iā€™m a very useful music bot that can make you play a music with a simple command! I have a lot of good commands that you can have a better experience playing your favorites songs!

Iā€™m a very useful music bot that can make you play a music with a simple command! I have a lot of good commands that you can have a better experience playing your favorites songs!

Iā€™m a very useful music bot that can make you play a music with a simple command! I have a lot of good commands that you can have a better experience playing your favorites songs!

Aug 16, 2022

A mobile app for playing music on Resonate, an open source music streaming co-op.

stream2own Play fair. Website | Twitter | Contributing | Developer Guide šŸŽµ Resonate Stream App A mobile app for playing music on Resonate, an open so

Dec 28, 2022

The code for the LOL Banner discord bot, a bot that bans anyone for playing league of legends.

The code for the LOL Banner discord bot, a bot that bans anyone for playing league of legends.

LOL-Banner.js The code for the LOL Banner discord bot, a bot that bans anyone for playing League Of Legends. This project was made based off of the me

Aug 2, 2022

This is a simple web based media player for playing video and audio. Build with pure HTML, CSS and Javascript. No framework or library included.

Aim-Player This is a simple web based media player for playing video and audio. Build with pure HTML, CSS and Javascript. No framework or library incl

Jun 27, 2021

As of right now, you can't manage Discord webhooks on mobile

Hookly Manage your Discord server's webhooks via Slash Commands Why? As of right now, you can't manage Discord webhooks on mobile. I main reason I bui

Apr 27, 2022

A bot that automatically claims winnings and runs 100% unattended. Now you can play while working, with friends, etc; Uses signals from TradingView to predict the price of BNB for up or down wagers in the PancakeSwap prediction game

A bot that automatically claims winnings and runs 100% unattended. Now you can play while working, with friends, etc; Uses signals from TradingView to predict the price of BNB for up or down wagers in the PancakeSwap prediction game

*** Auto-Claim Prediction Robot *** $$$$$ Automatically claim your winnings!!! $$$$$ No more babysitting and checking balance!!! Play while you're at

Nov 4, 2022

A simple package to download music tracks from spotify šŸŽµ

 A simple package to download music tracks from spotify šŸŽµ

A simple package to download music tracks from spotify šŸŽµ

Dec 25, 2022

Web Application that represents a music player using the spotify API, React, JS, CSS, HTML, nodeJS, Firebase, material-ui, JSON and other technologies. Made by Yohan Hmaiti

Web Application that represents a music player using the spotify API, React, JS, CSS, HTML,  nodeJS, Firebase, material-ui, JSON and other technologies. Made by Yohan Hmaiti

Web Application that represents a music player using the spotify API, React, JS, CSS, HTML, nodeJS, Firebase, material-ui, JSON and other technologies. Made by Yohan Hmaiti

Jan 8, 2022

Add some fire to your Spotify music playlists šŸ”„šŸŽ§

Add some fire to your Spotify music playlists šŸ”„šŸŽ§

Spotifire šŸ”„ Add some fire to your Spotify music playlists šŸŽ§ Built With Next.js React Tailwind CSS (v3.0) NextAuth Recoil Spotify Web API Preview Vis

Jun 19, 2022
Owner
Connor Dennison
he/they developer interested in AI, web technologies and open-source software
Connor Dennison
šŸŽø foolproof wrapper to stream what you're currently listening to

A lightweight Spotify API wrapper that allows you to display the music you're currently listening to ?? ?? ?? Getting started āŖ Prerequisites Create a

null 11 Dec 29, 2022
A Javascript library for working with Audio. It provides a consistent API for loading and playing audio on different browsers and devices. Currently supports WebAudio, HTML5 Audio, Cordova / PhoneGap, and a Flash fallback.

SoundJS SoundJS is a library to make working with audio on the web easier. It provides a consistent API for playing audio in different browsers, inclu

CreateJS 4.3k Dec 31, 2022
A simple Multi Guild Modmail Bot coded in v13 using the enmap Database Working on any host, like repl.it or vps! Its fast and working bug free + Security options!

Multiguild-Modmail A simple Multi Guild Modmail Bot coded in v13 using the enmap Database Working on any host, like repl.it or vps! Its fast and worki

Tomato6966 54 Oct 20, 2022
Spotify 2.0 com NextJS 12 - MIddleware, TailwindCSS, Spotify API, NextAuth, Recoil

Spotify Clone A spotify clone made with NextJS 12, TailwindCSS, NextAuth, Spotify API, Recoil Lessons Learned Setting up NextJS with Tailwind. NextAut

zF4ke 3 Mar 14, 2022
Spotify clone using Next.js, Spotify API, Tailwind, NextAuth, Recoil

Next.js + Tailwind CSS Example This example shows how to use Tailwind CSS (v2.2) with Next.js. It follows the steps outlined in the official Tailwind

Abdelwahab Hussein 2 Dec 25, 2021
spotify.ts is an wrapper built around Spotify's Web API

spotify.ts About spotify.ts is an wrapper built around Spotify's Web API. Features Fast Object Oriented Typescript, ESM, CJS support Easy to Use Insta

null 6 Nov 17, 2022
Gitlift Discord Bot is a discord bot which is listening Discord Messages to reply with user gitlift profile and total contributions.

Remoklify - Gitlift Discord Bot Gitlift Discord Bot is a discord bot which is listening Discord Messages to reply with user gitlift profile and total

Remoklify 3 Mar 20, 2022
A BetterDiscord plugin for showing what you're listening from Last.fm.

LastFMRichPresence BetterDiscord Plugin This plugin allows you to show what you're listening via Last.fm. You can set it up for Soundcloud, Youtube Mu

dimden 9 Dec 16, 2022
JavaScript plugin for playing sounds and music in browsers

JavaScript plugin for playing sounds on user actions and page events. Version: 3.0.7 Project page and demos Download ZIP Support the plugin on GitHub

Denis Ineshin 704 Sep 24, 2022
A React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia and DailyMotion

ReactPlayer A React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia, M

Pete Cook 7.2k Jan 4, 2023