JFrogfy
a simple clone of spotify built in Emberjs octane the music is played with youtube
Overview
JFrog is a straightforward and innovative music streaming application designed as a simple clone of Spotify using Ember.js Octane. Its intention is to provide users with an intuitive music listening experience while integrating various features reminiscent of popular streaming services. Currently in its alpha phase, JFrog is steadily progressing toward full functionality, and there is potential for an exciting platform for music enthusiasts.
The app leverages existing technologies to support essential music streaming features, ensuring that users have access to the music they love. As development continues, JFrog aims to refine its offerings and enhance usability for its audience.
Features
- Supports Playlists: Easily create and manage your music playlists for a tailored listening experience.
- Search Functionality: Quickly find your favorite songs, artists, or albums with a simple search tool.
- Spotify Explore Integration: Explore music as you would on Spotify, discovering new tracks and playlists based on your preferences.
- Artist and Album Support: Access comprehensive information about your favorite artists and albums seamlessly.
- Next and Previous Buttons: Navigate your music effortlessly with designated buttons for moving between tracks.
- Progressive Web App (PWA): Enjoy a mobile-friendly experience with offline capabilities and improved performance.
- SEO Support: Optimized for search engines, making it easier to discover the app and its content.
- Empty State in Search View: User-friendly design that guides you when there are no results found.
- Ember
Ember.js is a productive, battle-tested JavaScript framework for building modern web applications. It includes everything you need to build rich UIs that work on any device.
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.