Skip to content

your go-to music streaming webapp ♪, that plays the best part of your favorite song right away..

Notifications You must be signed in to change notification settings

supSugam/rizzify-music-player

Repository files navigation

Rizzify Music Player

Never "delay" your rizz with rizzify, rizzify is your go-to music streaming webapp ♪ that plays the best part of your favorite song right away. The name "rizzify" comes from the merge of famous internet term "rizz" and music streaming service "spotify", hence this is spotify-inspired project 🫡

Screenshots & More Details at: MyPortfolioWebsite/Projects/RizzifyMusicPlayer 🚧

Language and Framework and Others

  • TypeScript 🟦
  • React
  • TailwindCSS

Features

  • Play the best 90 Seconds of your favorite song.
  • No Login/Signup hassles (atleast yet), just play the goddamn music freely.
  • Search any song or any artists, view their details (Lyrics, Related Songs etc).
  • FULLY Featured Music Controls: Previous Song, Next Song, PlayNPause, Loop, Shuffle, Like, Volume and Song Seekbar.
  • LIKE 💜 any song without having to login, well don't throw the 🍪 to the trashbin 🗑️.
  • FULLY RESPONSIVE, but I kinda neglected medium devices like every parents do with their middle child XD.
  • View songs by genre, there are 15 genres available to customize the music page according to your taste.
  • View TOP Songs and TOP Artists, both GLOBALLY 🌏 and LOCALLY (unless you're from some smol country like I am from 🇳🇵).
  • Ability to play last played song, when you re-visit the website.
  • And many more, just browse yourself..

UI Features

  • Clean UI, strutured layout, beautifully chosed colors and font.
  • Nice Loading View on main page visit.
  • Sidebar with navigable pages and playlists info (toggleable sidebar for mobile devices).
  • Expandable Music Control Page, and spotify-like song bar.
  • Nice skeleton Loading on almost every details fetch.
  • Lazy Loading of images.
  • Sllidable Component for songs and artists.
  • Eye-comforting view for songs lyrics, and many more.

Please navigate towards package-lock json file if you're curious about tools and libraries used for this project! 👆

Project Demo (Cause API won't be working forever)

Desktop View 🖥️

• Home Page

HomePage

• Artist Details Page

Artist Page

• Song Details Page

Song Page

Mobile View 📱

In Order: Top Charts, Song Details Page,Artist Details Page, Expanded Music Player, Sidebar

About

your go-to music streaming webapp ♪, that plays the best part of your favorite song right away..

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published