imartinezl / giornale

Android app to discover one song per day with 💙 Expo & Firebase 🔥

giornale

Android app to discover one song per day.

Features

• Tap to reveal today's song
• Interactive calendar
• Scroll left to like the song
• Scroll to the right to open a related Spotify playlist
• Music player with shuffle and mute options

Frameworks

• React-native - [0.57.1]
• Expo SDK - [32.0.0]
• React - [16.5.0]
• Firebase for storage and database - [^5.8.1]
• React-native-calendars - [^1.22.0]
• Babel-preset-expo" - ["^5.0.0"]

Install and run

• Install dependencies

npm install -g expo-cli
npm install

• Create a file "components/firebase_init.js" with the following content:

// Initialize Firebase
export const firebaseConfig = {
  apiKey: "<API_KEY>",
  authDomain: "<PROJECT_ID>.firebaseapp.com",
  databaseURL: "https://<DATABASE_NAME>.firebaseio.com",
  storageBucket: "<BUCKET>.appspot.com"
};

• Upload songs files and album images to Firebase Storage and get download url

• Upload json data to Firebase Realtime Database

{
  "data": [
    {
      "date": "2019-02-04",
      "title": "Time",
      "artist": "Hans Zimmer",
      "album": "Inception",
      "spotify": "spotify:playlist:37i9dQZF1DWWF3yivn1m3D",
      "id": 0,
      "opened": false,
      "liked": false,
      "albumImage": "<Link to .mp3 song file in Firebase Storage>",
      "songFile": "<Link to .jpg image file in Firebase Storage>"
    },
    {},
 ]  
}

• Run in development

npm start

• Publish to expo and build Android apk

expo publish
expo build:android

Authors

• Iñigo Martinez

License

This project is licensed under the MIT License - see LICENSE.md file for details