Skip to content

Global-Software-Consulting/react-native-music-app-starter

Repository files navigation

React Native Music App Starter

Key Feature

  • Search music
  • Add or remove music from favourites
  • Add or remove custom playlist
  • Add or remove tracks in a custom playlist.
  • Track player with basic functionalities like play, pause, next, previous, repeat tracks
  • Implementation of react native modal and bottom sheet.
  • PlaceHolder/Shimmer Animations
  • Global themeing with light & dark modes
  • Clean code with ES Lint
  • iOS + Android support
  • Language Support
  • Drawer navigation
  • Responsive Design
  • Redux with saga
  • Code Push with App center
  • Husky

Code Structure

There are four major screens i.e Home, Playlist, Favorite, PLaylist/Album.

Important Code:
  • app/Entrypoint.tsx App entry point
  • app/assets All assets
  • app/components/...tsx Reusable Components
  • app/config/Language Language files
  • app/config/theme Themes for light and dark
  • app/models Typescript models
  • app/navigation App navigation
  • app/screens/...tsx App Screens
  • app/services API services
  • app/store Redux implementation

▶ How to Setup

Step 1: git clone this repo.

Step 2: cd to the cloned repo.

Step 3: Rename the project bundleId, package name and application name.

Step 4: Install the npm modules required for the project with npm i

▶ How to Run App

cd react-native-music-app-starter
yarn or npm install
Run Build for either OS
for iOS
run npm run ios
for Android
run npm run android

How to Change Code Push App Center Account
Latest Apk Link
Apple testflight