Lyrics King is React Native song lyrics search app, built with Expo. Designed with Adobe XD.
A React Native native app utilising Expo, React Navigation and fetching data from mutliple API's (Deezer and Lyrics.OVH). UI built with Adobe XD.
Adobe XD files
Design files for the UI can be found in
_design_assets/adobeXD in the project root. UI design implemented with flexbox.
SearchScreen.js- Search the Deezer API by song title (class component)
DetailsScreen.js- Selected song details (including Lyrics.ovh API call) (class component)
AboutScreen.js- About details (functional component)
Credits.js- Development credentials template (functional component)
SocialButton.js- Button template for sharing links/ the app (functional component)
Suggestions.js- Song suggestions (functional component)
router.js- App navigation routing (including drawer nav render method)
colours.js- Colour constants
constants.js- Expo manifest constants and functions
shareHelper.js- Native device share method
- Install the latest Node
- Install Expo -
npm install expo-cli --global
cdinto this project directory
|React Navigation||Routing and navigation for your React Native apps.|
|Format Duration||Convert a number in milliseconds to a standard duration string.|
|RN-Placeholder||Display some placeholder stuff before rendering your text or media content in React Native.|
Subscribe to React Native Example for Android and iOS
Get the latest posts delivered right to your inbox