Comecei a desenvolver esse projeto em julho de 2022, época em que iniciei os estudos de desenvolvimento web utilizando React.js. Minha ideia era construir uma aplicação de streaming que permitisse assistir filmes online gratuitamente, seja em um computador, tablet ou smartphone.

Principais aprendizados durante o desenvolvimento

O processo de construção desse projeto me ajudou a entender e internalizar conceitos fundamentais de desenvolvimento de sistemas para web. Conceitos como:

• SPA (Single Page Application);
• Componentização de elementos;
• Renderização condicional;
• Gerenciamento de estados locais e globais;
• Construção de interfaces utilizando classes pré-definidas (Tailwind CSS);
• Construção de layouts responsivos;
• Manipulação de elementos e eventos do DOM.

Tecnologias utilizadas

• React;
• Redux;
• Tailwind CSS;
• Node.js, com o framework Express.js.

Resultado final

Confira a aplicação funcionando em: https://movie-streaming-app-fdfgomes.web.app/

Tela inicial da aplicação

Tela com detalhes do filme selecionado

Modal para a pessoa usuária escolher em qual idioma deseja assistir o filme

Tela de exibição, onde é possível assistir o filme selecionado

Modal onde os resultados da pesquisa realizada pela pessoa usuária são exibidos

Resultados de pesquisa por categoria

Resultado de pesquisa utilizando um termo específico

Resultado de pesquisa utilizando os dois filtros em conjunto: termo de pesquisa e categoria

Referência de design

WILSEN, Vetrick. K-Drama Streaming App Concept. Dribbble - Discover the World's Top Designers & Creative Professionals. Disponível em: <https://dribbble.com/shots/17142577-K-Drama-Streaming-App>. Acesso em: 21 de mai. de 2023.