Projeto inspirado no Spotify, seguindo a estrutura do backend API Ruby on Rails e frontend em React. Neste projeto você poderá:
-
Ouvir as suas músicas pelo seu estilo favorito.
-
Ouvir as músicas tocadas recentemente.
-
Ouvir as músicas recomendadas.
-
Conferir as músicas separadas por álbums e artistas e seus diferentes estilos.
-
Favoritar as suas músicas, albums e artistas e conferir essa lista.
-
Poderá tocar as musicas aleatoriamente.
-
Realizar busca pelo nome: |Musica| |Artista| |Album|.
-
Login e cadastro de usuaŕio e suas validações.
O projeto foi desenvolvido na semana full stack da OneBit Code :)
Verifique os requisitos abaixo, fique a vontade para realizar o clone do projeto e realizar suas modificações.
-
Ruby 2.5.3
-
Rails 6.0.2
Caso não tenha o Rails instalado, só seguir as seguintes dicas:
Após a instalação do Rails, abra o seu terminal e execute os seguintes comandos:
- Acessando a sua pasta home
cd
- Clone do projeto no github
git clone https://github.com/gitDbits/spotcode
- Acesse a pasta spotcode
cd spotcode
- Instalado a dependências GEMS
bundle install
- Instalando o YARN
yarn install
- Os arquivos para utilização na aplicação spotcode: |Músicas|Imagem artista|Imagem album| pode ser realizado, no link abaixo;
- Download cliquei aqui
Após realizar o download da pasta seed_files, mover para a pasta /spotcode/tmp/
- Criar o banco de dados
rails db:create
- Rodar as migrations
rails db:migrate
- Executar script inicial, neste arquivo você pode conferir as informações iniciais para o projeto spotcode/db/seeds.rb
rails db:seed
- Instalar o webpacker
bundle exec rails webpacker:install
- Executar a aplicação
rails s
- Atualizar navegador automaticamente, após uma alteração no código: Basta abrir um outro terminal e executar o seguinte comando:
bin/webpack-dev-server
-
Ruby on Rails - The Ruby on Rails framework for API
-
React - React is a JavaScript library for building user interfaces.
-
Web Packer Rails - Web Packer Rails
-
JBuilder - JSON structures that beats manipulating giant hash structures
-
Devise - Flexible authentication solution for Rails with Warden
-
Rack-cors - Rack Middleware for handling Cross-Origin Resource Sharing (CORS)
-
Toast-rails - Messages beautiful based toasttrjs