https://github.com/mateusffaria/spotlight_streaming

PWA Music Streaming.
https://github.com/mateusffaria/spotlight_streaming

music rails6 react reactjs ruby

Last synced: 7 months ago
JSON representation

PWA Music Streaming.

• Host: GitHub
• URL: https://github.com/mateusffaria/spotlight_streaming
• Owner: mateusffaria
• Created: 2020-04-23T21:47:41.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-19T18:33:50.000Z (over 3 years ago)
• Last Synced: 2025-01-14T11:21:09.925Z (over 1 year ago)
• Topics: music, rails6, react, reactjs, ruby
• Language: Ruby
• Homepage:
• Size: 5.53 MB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 30
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Spotlight

This is a clone of Spotify the backend was built utilizing Ruby on Rails and frontend ReactJS, for playing music, view albums, artists, with the possibility to you favorite them.

# Core Technology

* Ruby version 2.6.3

* Rails version 6.0.2.2

* Database engine: SQLite 3

# Ruby Gems

```

gem 'devise'

gem 'rack-cors'

gem 'rubocop', '~> 0.82.0'

gem 'serviceworker-rails'

```

# Database creation

  * Run on terminal: 

  ```

  rake db:create

  rake db:migrate

  ```

# Install gems

  ```

  bundle install

  ```

# Deployment instructions

  ```

  rails s

  ```

  

# How to use

### 1. This is the initial page.

  ![initial](https://github.com/MateusFaria-TGG/spotlight_streaming/blob/master/public/readme_images/Initial.png)

### 2. If you have an account, log in, or create one if you don't.

  ![sign_up](https://github.com/MateusFaria-TGG/spotlight_streaming/blob/master/public/readme_images/login.png)

  

### 3. This is the discovery page, you can navigate through all the applicaton now.

  ![discovery](https://github.com/MateusFaria-TGG/spotlight_streaming/blob/master/public/readme_images/discovery.png)

    

### 4. This is the favorites page, here you can create a playlist and see your favorite songs, albums, artists.

  ![favorite](https://github.com/MateusFaria-TGG/spotlight_streaming/blob/master/public/readme_images/liked_albums.png)

  

### 5. New playlist.

  ![new](https://github.com/MateusFaria-TGG/spotlight_streaming/blob/master/public/readme_images/new_playlist.png)  

  

### 6. Albums.

  ![albums](https://github.com/MateusFaria-TGG/spotlight_streaming/blob/master/public/readme_images/album_page.png)  

  

  

### 7. Musics.

  ![musics](https://github.com/MateusFaria-TGG/spotlight_streaming/blob/master/public/readme_images/music_added.png)

  

  

### 8. Artist page.

  ![artists](https://github.com/MateusFaria-TGG/spotlight_streaming/blob/master/public/readme_images/artist_page.png)

  

  

### 9. Search page.

  ![search](https://github.com/MateusFaria-TGG/spotlight_streaming/blob/master/public/readme_images/search_category.png)

  

  

### 10. Search page results.

  ![results](https://github.com/MateusFaria-TGG/spotlight_streaming/blob/master/public/readme_images/search_result.png)

  

  

### 11. Player full.

  ![player_full](https://github.com/MateusFaria-TGG/spotlight_streaming/blob/master/public/readme_images/player_full.png)

  

  

### 12. Player mini.

  ![player_mini](https://github.com/MateusFaria-TGG/spotlight_streaming/blob/master/public/readme_images/player_hide.png)