Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/gustavosmelo/openmusicjs
🎼 Created a app open source to users listen musics for free and unknow artists post yours creations
https://github.com/gustavosmelo/openmusicjs
expo music mvc nodejs postgresql react-native reactjs sound
Last synced: 11 days ago
JSON representation
🎼 Created a app open source to users listen musics for free and unknow artists post yours creations
- Host: GitHub
- URL: https://github.com/gustavosmelo/openmusicjs
- Owner: GustavoSMelo
- License: mit
- Created: 2020-01-09T22:20:45.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-06T02:32:53.000Z (almost 2 years ago)
- Last Synced: 2024-10-15T05:26:55.422Z (25 days ago)
- Topics: expo, music, mvc, nodejs, postgresql, react-native, reactjs, sound
- Language: JavaScript
- Homepage:
- Size: 49.1 MB
- Stars: 9
- Watchers: 2
- Forks: 0
- Open Issues: 57
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
OpenMusicJS
This Readme was write in english, if you want a portuguese version click here
(Este "Leia me" foi escrito em ingles, se quiser a versao em portugues click aqui)
App open source to users listen musics for free and artists unknow post yours creations
# :ship: Navigation menu
- [Web Application Screenshots](#globe_with_meridians-Web-Application-Screenshots)
- [Android App Light](#iphone-Android-App-Light)
- [Android App Dark](#iphone-Android-App-Dark)
- [Run this project](#Run-this-project)
- [About me](#bust_in_silhouette-About-me)# Website responsive and animations
![CreateAccountArtist](https://user-images.githubusercontent.com/45046288/86982307-4e6c5d80-c15f-11ea-8219-9e98ccc30b2d.gif)
![ResponsiveScreen](https://user-images.githubusercontent.com/45046288/86982624-203b4d80-c160-11ea-8d77-d722f2f76a02.gif)
# :globe_with_meridians: Web Application Screenshots
# :iphone: Android App Light
     Â
     Â# :iphone: Android App Dark
     Â
     ÂTecnologies useds in this project:
| Backend | Frontend | Mobile | Database |
| ------- | -------- | ------------ | -------- |
| NodeJS | ReactJS | React Native | Postgres |## Run this project
### :clipboard: Things that you need:
- SGBD (I'm using postgres)
- Node.JS
- Yarn (recommend, but not necessary)
- Expo
- Mobile Emulator (or physical cellphone)### :file_folder: 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`.### :computer: 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`.### :iphone: 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'.### :iphone: 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.## :bust_in_silhouette: 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 :heartbeat: Gustavo S. Melo