GithubHelp home page GithubHelp logo

cybergaz / infinitunes Goto Github PK

View Code? Open in Web Editor NEW

This project forked from rajput-hemant/infinitunes

0.0 0.0 0.0 4.01 MB

[WIP] ๐ŸŽต A Simple Music Player Web App made with โ–ฒ Next.js 14 + Tailwind CSS

Home Page: https://infinitunes.vercel.app

License: MIT License

Shell 0.18% JavaScript 0.58% TypeScript 93.28% CSS 5.95%

infinitunes's Introduction

infinitunes

[WIP] ๐ŸŽต A Simple Music Player Web App made with โ–ฒ Next.js + Tailwind.

โ€ƒ
ย Live Demoย 
โ€ƒ

Building from Source

  • Fetch latest source code from master branch.
git clone https://github.com/rajput-hemant/infinitunes
cd infinitunes
  • Rename .env.example => .env.local, add your own environment variables.

  • Run the app with VS Code or the command line:

bun i
bun dev

TODO

  • Add Metadata to the pages.
  • Replace loading spinners with Page Skeletons.
  • Play rate for shows and podcasts.
  • Implement the feature to save Favorites, Recently Played Songs in both the db and localStorage.
  • Add support for User's Playlists.
  • Add support for Radio Stations.
  • Create Library, Settings, and Profile pages.
    • Library page
      • Recently Played
      • Favorites (Songs, Albums, Playlists)
    • Settings page (Intercepting routes /settings)
      • Theme Mode (Light, Dark, System)
      • Theme Color (Zinc, Slate, Stone, Gray, Neutral, Red, Rose, Orange, Green, Blue, Yellow, Violet)
      • Language (Hindi, English, Punjabi, Tamil, Telugu, Marathi, Gujarati, Bengali, Kannada, Bhojpuri, Malayalam, Urdu, Haryanvi, Rajasthani, Odia, Assamese)
      • Image Quality (Low, Medium, High)
      • Audio Quality (12kbps, 48kbps, 96kbps, 160kbps, 320kbps)
      • Download Quality (12kbps, 48kbps, 96kbps, 160kbps, 320kbps)
      • Download Location
      • Clear Cache
      • Delete Account
  • Improve website responsiveness and accessibility.
    • Improve Card Responsiveness, impelement auto-resizing cards like https://jiosaavn.com
    • Add accessibility features & aria labels.
  • Enhance the Player UI, add a player screen for small devices, and a Queue sheet for larger devices.
  • Add support for Keyboard shortcuts for Player.
  • Add support to download songs.
  • Optimize initial page load size.

and many more...

Deploy Your Own

You can deploy your own hosted version of infinitunes. Just click the link below to deploy a ready-to-go version to Vercel.

Deploy with Vercel

Disclaimer

This project is independent of any affiliation with JioSaavn or its associated partners. It is created solely for educational purposes. Usage is at your own discretion, and the developer disclaims responsibility for any misuse or potential damage resulting from the use of this program. Please refrain from duplicating this project for commercial purposes.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Contributors:

Note: It may take up to 24h for the contrib.rocks plugin to update because it's refreshed once a day.

infinitunes's People

Contributors

rajput-hemant avatar renovate[bot] avatar khushal-ag avatar imgbotapp avatar

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.