Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

Awesome Lists containing this project

README

        


logo


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



forks
stars
license

# :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


ArtistScreen
EditAndInsertMusicScreen
HomeScreen
LikesScreen
LoginScreen
MainPageArtist
ProfileScreen
SearchScreen

# :iphone: Android App Light


HomeScreenLight     SearchLight     LikeScreenLight


ProfileScreenLight     PlayerMusic     ArtistProfileLight

# :iphone: Android App Dark


HomeScreenDark     SearchDark     LikeScreenDark


ProfileScreenDark     PlayerMusic     ArtistProfileLight

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