Catálogo de Filmes usando API The Movie DB.

Projeto Desenvolvido com React, TypeScript, Styled Components e diversas outras, para criar um catálogo de filmes, onde o usuário pode navegar pelas páginas e olhar os filmes, ou se preferir, pesquisar pelo nome do filme, ou da produtora, e também ver os detalhes e informações do filme desejado, como data de lançamento, gêneros, sinopse e mais.

Acesse o projeto clicando AQUI ou no link: https://movies-catalog-marcusmix.vercel.app

O projeto conta com:

• Página inicial com os filmes lançados recentemente e com a opção de busca por nome do filme ou a produtora.

• Página de detalhamento, com diversas informações do filme, como sua foto, título do mesmo, data de lançamento, nota, descrição e mais.

• Filme procurado, com outros diversos filmes relacionados, com uma interface agradável com slider, para melhorar a experiência do usuário.

Autores

• @MarcusMix

Etiquetas

Deploy

Para fazer o deploy desse projeto rode no terminal

  git clone https://github.com/MarcusMix/movies-catalog

Funcionalidades

• Pesquisa de qualquer filme com resultados na hora.
• Ultilizando API The Movie DB para resgatar os filmes.
• Responsividade e acessibilidade com Styled Components.
• Detalhes e informações dos filmes pesquisados.

Aprendizados

Aprendi diversas tecnologias no processo, as principais foram:

• TypeScript
• Context API
• Consumo de API externa
• Props com Styled Components

E diversos outros como boas práticas no código, otimização e padronização.

Screenshots

GIFs

Stack utilizada

Front-end: React, TypeScript, Sass, Styled Components, Context API

Bibliotecas e dependências: Axios, Moment, React Icons, React Loading

Melhorias

Usando TypeScript para uma maior segurança do código, ainda não está perfeito, mas a cada dia vou avançando e refatorando e melhorando o código

Sugestão? Pode me falar!