MusicPlayer is a mobile application built using React Native and Expo Development Build. It offers a seamless music listening experience with advanced playback features and an intuitive user interface. Designed with a focus on smooth performance and user-friendliness, MusicPlayer provides easy navigation through music libraries, playback controls, and a visually appealing design.
Whether you're listening to your favorite tracks on the go or enjoying high-quality audio playback, MusicPlayer ensures a smooth and immersive experience across different devices.
The project is hosted on expo at : https://expo.dev/accounts/vraj151/projects/MusicPlayer/builds/ec11d685-2ebb-435c-917f-5c7e8ba32ba2
These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.
Make sure you have the following installed on your machine:
- Node.js (v14 or higher) - Download Node.js
- npm or yarn - npm comes bundled with Node.js, but you can also install yarn from here.
- Android Studio - To build and run the app on an Android emulator or physical device. Download Android Studio
- Ensure that the Android SDK and Java Development Kit (JDK) are installed.
- You can run the app on either:
- Android Emulator - A virtual device that runs on your computer.
- Physical Android Device - Connect your Android device via USB and enable Developer Options and USB Debugging.
- Xcode - To build and run the app on an iOS simulator or physical device. Download Xcode from the Mac App Store
- You can run the app on either:
- iOS Simulator - A virtual iPhone/iPad device.
- Physical iOS Device - Connect your iOS device and set it up for development in Xcode.
- You can run the app on either:
-
Clone the repository:
git clone https://github.com/Vraj-Parikh/MusicPlayer cd MusicPlayer
-
Install the dependencies
npm install
or
yarn install
To run the development server, use the following command:
npm run start
or
yarn start
To build and run the app on an Android emulator or a connected Android device, use one of the following commands:
npm run android
or
yarn android
To build and run the app on an iOS simulator or a connected iOS device, use one of the following commands:
npm run ios
or
yarn ios
- React Native - Framework for building native mobile apps
- Expo - Development framework and platform for React Native
- TypeScript - Programming Language
- React Navigation - Navigation library for React Native
- React Native Track Player - Audio playback library for React Native
- React Native Safe Area Context - Helps with safe areas in mobile apps
- Zustand - State management library
- React Native Modal - For modal popups in React Native
- React Native Fast Image - High-performance image loading for React Native
- Expo Haptics - For haptic feedback