This is for the home section
This is my hero image for mobile
This is my case study info
CyberPunk Music Player Vibes
Backend Development
This project focused on developing a music player webpage utilizing Object-Oriented Programming (OOP) principles, incorporating custom classes and object instantiation. Bundled using parcel.js. Also this project is still on its progress of work to achieve the full functionality.
This is for my about me section
Problem Statement
This is for project image
This is for the problem brief
The objective of this project is to apply Object-Oriented Programming (OOP) principles by creating a custom class and instantiating objects using the new operator. The class must include at least two properties and two methods, accepting parameters or arguments for flexibility. Additionally, the project requires the use of the extends keyword to define a subclass, demonstrating inheritance and promoting code reusability.
This is for my work or project showcase section
My Role
As the developer, my role involves conceptualizing and planning the project through thorough research, brainstorming, and sketching ideas using pen and paper, imagination, and graphic tools. Once the concept is fully developed, I translate it into code, starting from the fundamentals and progressively building a functional system using Object-Oriented Programming (OOP) principles. Finally, I refine the user experience by applying CSS to enhance the design, ensuring a visually appealing and cohesive look that aligns with the Cyberpunk theme.
This is for the services that I can offer.
Project Concept
My concept is to develop a music player using Object-Oriented Programming (OOP) principles, featuring a structured and modular approach. The design includes a Song class with properties such as title, artist, src, duration, and cover, encapsulating individual song details. Additionally, a MusicPlayer class will manage the player’s functionality, incorporating elements like audioElement, playButton, nextButton, prevButton, listenNowButton, songButtons, titleElement, artistElement, coverElement, progressBar, progressContainer, currentTimeElement, and durationElement. This approach ensures reusability, scalability, and maintainability, allowing me to build a fully functional and customizable music player.
This is for the skills and tools showcase section
Design Process
This is for the experience and education
Final Deliverable
The final deliverable is a fully functional music player designed with a Cyberpunk-inspired theme, blending futuristic aesthetics with Object-Oriented Programming (OOP) principles. The core functionality is fully implemented, featuring a structured Song class to manage track details and a MusicPlayer class to handle playback controls, UI elements, and interactive features. While additional enhancements are still in progress, the primary focus of applying OOP concepts—such as encapsulation, inheritance, and modularity—has been successfully achieved, making the project fully operational and ready for use.