Cosmic

A simple and elegant music player app. Built with Cordova & Ionic Framework.

Mobile App DevelopmentJavaScriptMIT

Abstract

Cosmic is an open-source Mobile App Development project. A simple and elegant music player app. Built with Cordova & Ionic Framework. This is a music player app for Android (4.1+) smartphones. It is built using Apache Cordova and Ionic Framework. It is built using JavaScript. Key capabilities include: Scan recursively local directories, load music files into SQLite local database; Media controls in notifications, using music-controls-plugin; ID3 Tags reading (including album cover), using JavaScript-ID3-Reader. The complete source code is publicly available on GitHub under the MIT License, making it a useful reference for students building a Mobile App Development mini project or final-year project.

1. Introduction

This is a music player app for Android (4.1+) smartphones. It is built using Apache Cordova and Ionic Framework. The main goal of this project is to build an user-friendly, nice-looking and efficient music app. Try the android debug-apk !

2. Objective

A simple and elegant music player app. Built with Cordova & Ionic Framework.

This project demonstrates how JavaScript can be applied to a real-world Mobile App Development problem.

3. Key Features / Modules

  • Scan recursively local directories, load music files into SQLite local database.
  • Media controls in notifications, using music-controls-plugin
  • ID3 Tags reading (including album cover), using JavaScript-ID3-Reader.
  • Find missing album covers online.
  • Navigation by artists, playlists or global search.
  • Uses artwork miniature files (to speed up the views), obtained using cordova-imageResizer plugin.

4. Technology Stack

JavaScript
  • Cordova device plugin
  • Cordova file plugin
  • Cordova file-transfer plugin
  • Cordova media plugin
  • Cordova splashscreen plugin
  • Cordova statusbar plugin
  • Cordova whitelist plugin
  • Sqlite plugin

5. System Requirements

General requirements for this technology stack — check the README for exact versions.

  • Node.js (LTS) and npm
  • A modern web browser
  • VS Code or any code editor
  • Git (to clone the repository)

6. Installation & Setup

git clone https://github.com/homerours/cosmic.git
cd cosmic

Full setup instructions are in the project README.

7. Future Enhancements

Suggested extensions you can add to make this your own project.

  • Add push notifications with Firebase Cloud Messaging
  • Add offline support with local caching
  • Publish an internal test build on the Play Store

8. Viva / Review Questions

Common questions examiners ask for projects in this domain.

  1. Which framework is used and why (native vs cross-platform)?
  2. How is app state managed across screens?
  3. Where is the data stored — locally, Firebase or a REST backend?
  4. How are permissions (camera, location, storage) handled?
  5. How would you publish this app to the Play Store / App Store?

9. Source Code & License

This project is developed by homerours and published on GitHub under the MIT License. Please follow the license terms and credit the original author when you use or modify this code.

View Source on GitHubDownload ZIP

Want to build this as your internship project?

Work on a Mobile App Development project like this with mentor guidance, weekly reviews and an internship certificate from Training Trains, Erode — online or offline.

Apply for Mobile App Development Internship