OpenMusicJS

🎼 Created a app open source to users listen musics for free and unknow artists post yours creations

MIT License

Stars
10

🚢 Navigation menu

Website responsive and animations

🌐 Web Application Screenshots

📱 Android App Light

📱 Android App Dark

Backend Frontend Mobile Database
NodeJS ReactJS React Native Postgres

Run this project

📋 Things that you need:

  • SGBD (I'm using postgres)
  • Node.JS
  • Yarn (recommend, but not necessary)
  • Expo
  • Mobile Emulator (or physical cellphone)

📁 Backend

  • Open the backend folder in your terminal.
  • Run in your console: yarn (in case you use yarn) or npm install.
  • Create a new folder inside of the backend folder and outside the src folder called: "tmp".
  • Inside of tmp, create a new folder called uploads and inside of this folder
    create another two folders: img and music.
  • Create a database called "OpenMusicJS".
  • Run in your console: yarn (or npx) sequelize db:migrate.
  • After that, go to backend and run yarn start.

💻 Frontend

  • Firstly, you need to do the backend step.
  • After that, you need to run yarn or npm install in your console (inside the frontend folder) and run yarn start or npm start.

📱 Mobile (with Android emulator)

  • Firstly, you need to do the backend step.
  • Open your Android emulator.
  • Download the Expo app in your emulator.
  • Open the mobile folder in the console.
  • Run yarn or npm install.
  • After that, run expo start and wait until the application opens.
  • When the application opens, enter in the console and click 'A'.

📱 Mobile (with physical cellphone)

  • Firstly, you need to do the backend step.
  • Download the Expo app in your cellphone.
  • Enter the Expo app.
  • Open the mobile folder in the console.
  • Run yarn or npm install.
  • After that, run expo start and wait until the application opens.
  • When the application opens, scan the QR CODE with your cellphone.

👤 About me

I am a simple developer that love study and play video games
if you want to enter in contact with me:

Email: [email protected]
Linkedin: https://www.linkedin.com/in/gustavo-santos-melo-66092317a/

Make with Love 💓 Gustavo S. Melo