Giter VIP home page Giter VIP logo

songtrack's Introduction

SongTrack ๐Ÿ’ฝ

Status GitHub Issues GitHub Pull Requests License Deploy with Vercel


๐ŸŽถ A music player that plays my favorite songs ๐ŸŽถ

๐Ÿ“ Table of Contents

๐Ÿง About

This is my attempt at creating a music player. The home page will load a random song from the list. The user can then choose to play the song or go to the next or previous song. The user can also choose to play a specific song from the list.

๐ŸŽˆ Usage

The user can play a song by clicking on the play button. The user can go to the next song by clicking on the button with the right arrow. The user can go to the previous song by clicking on the button with the left arrow.

for playing specific songs. you can either click on the "Song Link" text go to the current one, Or go to /songs/<track_number> to go to a specific song.

also the .mp3 are formatted this way

<track_number>-<song_artist>-<song_name>.mp3

and the .png are formatted this way

<track_number>-<song_name>.png

๐Ÿš€ Deployment

you can click the deploy-to-vercel button on the README or do the one of the below commands in your Terminal. (after installing of course.)

npm install -g vercel
vercel -prod
#or
vercel

โ›๏ธ Built Using

โœ๏ธ Authors

  • @Sas2k - Idea & Initial work

See also the list of contributors who participated in this project.

songtrack's People

Contributors

sas2k avatar

Stargazers

 avatar

Watchers

 avatar

songtrack's Issues

Images and Audio Not Loading.

The Vercel deployment of the app doesn't load the images nor the audio. however it does manage to load the css and js files.

The local sever works fine and everything works.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.