Ongaku
Experimental Apple Music-like Spotify player using the Web Playback SDK
Overview
ongaku is an innovative web application that combines a sleek design with powerful functionality as it leverages the Web Playback SDK. Designed with Nuxt 3 and Vue 3, this experimental project aims to mimic the aesthetics of the macOS Apple Music app while offering seamless integration with Spotify. It’s an excellent tool for any music lover who appreciates both style and performance.
Features
- Intuitive User Interface: ongaku offers a clean, user-friendly interface that mimics the macOS Apple Music app, ensuring an enjoyable browsing experience for users.
- Built with Modern Frameworks: This player utilizes Nuxt 3 and Vue 3, showcasing the latest advancements in front-end technology to deliver a responsive and dynamic experience.
- Customizable Design: The use of Tailwind CSS and daisy UI allows for a highly customizable look, giving users the ability to tailor the player to their personal aesthetic.
- Seamless Spotify Integration: Thanks to the Web Playback SDK, users can easily connect to their Spotify account and enjoy their favorite tracks without hassle.
- Experimental and Evolving: As an experimental project, ongaku is constantly evolving, encouraging feedback and updates that enhance the overall user experience.
- Optimized Performance: The application is designed for optimal performance, ensuring smooth playback and quick loading times, which is essential for any music streaming application.
- Nuxt
nuxt.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
- Vue
Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
- Tailwind
Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.
- daisyUI
daisyUI adds classes to Tailwind CSS for all common UI components. Classes like btn, card, etc. This allows us to focus on important things instead of making basic elements for every project.