/teste-sky

Primary LanguageTypeScript

Sky - Plataforma de Filmes

Aplicação usada para um teste de conhecimento.

Demonstração

Desktop

Mobile

Sobre este projeto

A ideia do aplicativo é referente a um desafio proposto a mim, com o seguinte contexto:

1 - Criar tela responsiva do layout: https://app.zeplin.io/project/5e29b6105e839f971f3f90bf/dashboard.

2 - Usar a API do MoviesDatabase para fazer os gets para cada carrossel, trazendo por keyword diferente em cada carrossel, etc: terror, marvel, comic, classic, science, etc. https://rapidapi.com/SAdrian/api/moviesdatabase ou usar API alternativa, da TheMovieDB: https://developer.themoviedb.org/docs.

3 - Código limpo, organizado e semântico, com a melhor compatibilidade W3C e de acessibilidade.

4 - Uso de pré-processadores (SASS, LESS, etc).

5 - Uso do framework bootstrap.

6 - Fazer o request do primeiro carrossel com await, e só carregar os demais após o primeiro estar pronto. Os demais podem ser síncronos.

7 - Desenvolvimento JavaScript vanilla ou com uso do jQuery (porém, não usar $.ajax ou $.get do jQuery, e fazer as requests com fetch).

8 - 5 itens no carrossel principal, e 15 itens em cada um dos outros 4 carrosséis.

9 - Créditos adicionais para código versionado (comitado em git, bitbucket, etc), gerenciado por npm e uso de gulp para tratamento de css/js.

Algumas observações sobre este projeto

1 - Rodapé não foi desenvolvido pela falta de tempo e acredito que o mais importante esteja no conteúdo da página.

2 - Header também não foi desenvolvido 100% pelo mesmo motivo acima.

3 - Foi utilizado uma lib externa pra conseguir chegar no layout do carrousel que foi solicitado no protótipo.

4 - Não possuo muito conhecimento com bootstrap, então pode ser que não tenha utilizado ele da melhor forma.

Sobre

Este projeto faz parte do meu portfólio pessoal, portanto, ficarei feliz se você puder me fornecer algum feedback sobre o projeto, código, estrutura ou qualquer coisa que você possa relatar que possa me tornar um desenvolvedor melhor!

Email: felipeborgesdarosa@gmail.com

Conecte-se comigo no LinkedIn

Além disso, você pode usar este projeto como desejar, estudar, fazer melhorias ou ganhar dinheiro com ele!

Licença

Este projeto está licenciado sob a licença MIT - consulte o arquivo LICENSE.md para obter detalhes