Git Product home page Git Product logo

alimooo1 / music-player Goto Github PK

View Code? Open in Web Editor NEW
7.0 1.0 1.0 104.01 MB

BREATHE THE MUSIC | Your Best Music Player Experience Ever...! | Turning Up the Volume on Fun, Your Ultimate Music Playground! 🎶🎶

Home Page: https://BreatheTheMusic.netlify.app/

HTML 26.88% TypeScript 39.37% SCSS 22.64% JavaScript 11.10%
music-player typescript oop webpack music music-play music-player-application music-playlist musicplayer service-worker

music-player's Introduction

Project Overview

Music.Player.-.Google.Chrome.1401-12-20.09-18-35.1.mp4

I hope you enjoy it.

Details

It was just fun training in HTML, CSS, and JavaScript. I love Music and I decided to make it.

UPDATE 1

On May 4, 2023, Vanilla JavaScript replaced by TypeScript

It's Available on TypeScript Branch. Check it Please :)

The last version is still available on the main branch.

UPDATE 2

On May 16, 2023, The new implementation was released.

In this implementation, I used "OOP" to have a modular program.

I also used "Webpack" to bundle the codes. I installed and configured it myself.

I used "Axios" for fetching data from a JSON file as a database.

In the end, I replaced "CSS" with "SASS".

The last versions are still available on other branches.

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.