# Cross-Platform Using Ionic(Vue) - CapacitorJS

> Having different codebases for different platforms for a particular software product can be very expensive in terms of hiring talent. Furthermore, maintaining such a diverse codebase can be daunting. These issues drive the development of cross-platform frameworks.
>
> With these cross-platform frameworks, developers can quickly create applications that can run on multiple platforms, including iOS, Android, and Windows, from a single codebase.
>
> One of the top Javascript cross-platform frameworks, Ionic-Capacitor JS, enables developers to create or adapt their web applications for several platforms and leverage these platforms’ native functionality.

## Goals
In this tutorial we will be demonstrating how we can build cross - platform applications using the Ionic - Capacitor framework by building a simple music player app.

## Outline
- Introduction
- An overview of cross-platform development
- Why Ionic - capacitor JS
- A brief comparison with other cross platform frameworks
- Getting Started with Ionic - Capacitor
- install ionic-Vue CLI
- initiate **android** platform code
- initiate **ios** platform code
- install project dependencies
- Create User Interface and Add functionalities
- create UI components for the music player
- implement the music playing fuctionality
- Testing & Syncronisation across platforms

## Conclusion & Resources
- GitHub source code
- Ionic Vue
- Capacitor JS
- other materials