Giter Club home page Giter Club logo

anshsinghsonkhia / 40pie-music-player-website Goto Github PK

View Code? Open in Web Editor NEW
19.0 19.0 36.0 76.23 MB

40π Music Player -- Using HTML5, CSS3 & JavaScript

Home Page: https://anshsinghsonkhia.github.io/40Pie-Music-Player-Website

License: MIT License

HTML 39.26% JavaScript 33.73% CSS 27.01%
beginner-friendly css3 front-end-development good-first-issue hacktoberfest hacktoberfest-2022 hacktoberfest-accepted hacktoberfest2022 html html-css-javascript html5 music

40pie-music-player-website's Introduction

Ansh Singh Sonkhia  

WELCOME To My GitHub!  

A Passionate Software Developer From INDIA  

             

   

🚀 About Me :

🎓 Currently pursuing B.Tech. in Computer Science Engineering with a specialization in Artificial Intelligence and Machine Learning.

🔭 My Soul = Entrepreneur ❤️ My Heart = Technology 🧠 My Brain = AI 5x   Top Voice

✨ Work Experience

🏢 Company 💼 Role ⏰ Duration
AICTE IdeaLAB Software Engineer Sept 2023 - Mar 2024
MentorHeal Product Strategist Aug 2023 - Mar 2024
Shift Productivity Tools SDE Intern Jul 2023 - Sept 2023
MentorHeal Frontend Developer Intern Apr 2023 - Aug 2023
Google Startup School Fellow - Southeast Asia Jul 2023 - Sep 2023
Hacktoberfest Maintainer & Open Source Contributor Oct 2023 - Oct 2023
Internglobally Community Co-founder & CEO May 2023 - Present
GirlScript Summer of Code Open Source Contributor May 2023 - Aug 2023
CodeSetGo Open Source Contributor Oct 2022 - Nov 2022
Google & AICTE Google Supported Android Intern Aug 2022 - Sep 2022
Mindler Student Intern (Entrepreneurship & Skill Development) Jan 2022 - Feb 2022
UPES Student Intern (Quantum Computing) Jan 2022 (3 Days Internship)
The Campionite Magazine Writer & Editor Apr 2018 - Mar 2021
DHARANCH Music Production Founder & CEO Apr 2018 - Sep 2019

🛠  Tools & Technologies I Have Used

C  CPP  Python  Java  Kotlin  Figma  JavaScript  TypeScript  HTML5  CSS3  sass  TailwindCSS Bootstrap ReactJS  NextJS  MongoDB  Node.js  express.js  Redux  MySQL  Git  GitHub  VS Code  intellij  AndroidStudio 

📈 GitHub Stats

Top Langs    GitHub Streak

An Open-Source NPM Package with 1000+ colors & their RGB values, ready to be used in your projects.
NPM package for versatile randomization functions, Python-inspired, covering numbers, arrays, choices, characters, & colors. NextJS, TypeScript, TailwindCSS, HeadlessUI & Cars API from RapidAPI
🔮 An Open Source Compilation of Futuristic CSS Animations. 🛍️ A Kotlin App for creating Grocery Lists 🛒

Behance Projects

YolietMix - Organic Premium Yogurt


Organic Food Product Page Modern UI Web Design


Figma UI: Organic Food - Product Page Modern UI Web Design

HackFood App


NFT App


Figma: HackFood App - 9 Minute Food Delivery UI/UX Case Study

✍ My Articles

✔ Apart from coding, I also write articles:

Show Some Love by Starring Some of My Repos!

An image of @anshsinghsonkhia's Holopin badges, which is a link to view their full Holopin profile

40pie-music-player-website's People

Contributors

01xharshu avatar aaryansingh0017 avatar anshhacks avatar anshsinghsonkhia avatar carrajaula avatar harshu-exe avatar kapoor-tushar avatar kingsman44 avatar ola-nishant avatar para-docx avatar shubhcs01 avatar vaibhavmishra4g avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

40pie-music-player-website's Issues

Add More Songs

  • Added Song - (Song Name).
  • Added .mp3 Song File of the above Song.
  • Added Code for this Song.
  • Update index.html Code.

Note
Everyone can work on this issue, no need to be an assignee

search bar

search bar emphasis and make your page more authentic and real

Add A Working Loop Song Button.

A button which can be used to play one song on loop.

  • Added A Working Loop Button in the Bottom Bar in the left of previous button.
  • This button is working properly.
  • The current song must start playing again after getting finished.

Improving logical structure through javascript

Hey there!
You have an interesting project, I would like to contribute to It ,

  • By refactoring code to make it easier to understand by doing some logical improvements.
  • Keeping a single source of truth for songs, eliminating extra HTML code.

Issue: The Pause Buttons..

The small pause buttons in front of each song names must change to play when the song end or the next song is played or the song is paused.

Suggestion for features

  1. An option to synchronize lyrics with an audio file. Following are working example
    https://codepen.io/z-/pen/MQRGOe
  2. I have many files in .rm and .ram format (real media player formats). Is it possible to provide support for .rm and .ram files
  3. Make the app as portable for web and PC like https://portableapps.com/
  4. An option or menu to add Likes Or Favourites Songs.. It has to been displayed with favourite icon?
    image
    image
  5. Providing equalizer and presets of setup with different choosing via option...
  6. Search and Sort option for music files
  7. Type-ahead search option for lookup of song name or song lyrics
  8. VLC, AIMP and many player has the option

Normal, Low Speed, High Speed, Low speed is very useful for translation or transcription
Even some has by shortcuts which can be done gradually as well

Reference
https://static.listoffreeware.com/wp-content/uploads/mpc-hc64_music-player-with-speed-control_2018-03-29_09-51-58.png
https://static.listoffreeware.com/wp-content/uploads/smplayer_music-player-with-speed-control_2018-03-29_09-58-37.png
https://static.listoffreeware.com/wp-content/uploads/sigmaplayer_music-player-with-speed-control_2018-03-29_10-26-32.png

Add Footer to Project

i noticed the project does not have a footer and I would love if this issue was assigned to me

Add about us page

I would like to add about us page, that matches the theme of the website and shows the idea behind it, please assign it to me and add hacktoberfest label

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.