kerolmrts/Movies

Projeto de Desenvolvimento Web com React - Utilizando a API da TMDB

Este projeto foi desenvolvido como parte da disciplina de Desenvolvimento Web com React do Instituto Infnet. O objetivo principal deste projeto é criar um aplicativo da web que utiliza a API da TMDB (The Movie Database) para exibir informações sobre filmes e séries de TV.

Funcionalidades

• Pesquisa de filmes e séries de TV por título.
• Exibição de detalhes, como elenco, classificações, sinopse e data de lançamento.
• Classificação dos filmes e séries em categorias.
• Adicionar um filme ou deletar (página de favoritos)

Desenvolvimento da Estrutura com React

• Utilização de CSS-in-JS para estilização da aplicação.
• Realização de operações CRUD com validação.
• Deploy da aplicação.

Integração com REST API (repositório: apimovies)

• Integração com API local para adicionar e deletar filmes

Desenvolvimento das App-like Features

• Configuração dos metadados da aplicação (manifest.json, head).

• Configuração da aplicação para utilizar temas claro e escuro.

• Implementação da responsividade da aplicação.

• Implementação de um Drawer, BottomNavigator e AppBar para a aplicação.

  Gerenciamento do Estado da Aplicação

• Utilização de useState, useEffect, useRef e useContext.

• Alteração do estado global da aplicação ao menos duas vezes.

• Leitura do estado global da aplicação ao menos duas vezes.

• Realização do carregamento, corte e envio de imagens para um endpoint.

Desenvolvimento de Signin e Signup em Nível Front-end

• Implementação da criação de usuários (signup).
• Implementação do login (signin) do usuário.
• Armazenamento, recuperação e limpeza da sessão do usuário.
• Realização de operações CRUD utilizando a sessão do usuário.

Tecnologias Utilizadas

O projeto foi desenvolvido utilizando as seguintes tecnologias e bibliotecas:

• React: Uma biblioteca JavaScript para a construção de interfaces de usuário.
• TMDB API: A API da TMDB para obter informações sobre filmes e séries de TV.
• React Router: Para gerenciar a navegação na aplicação.

Pré-requisitos

• Certifique-se de ter o Node.js instalado na sua máquina. Você pode baixá-lo em nodejs.org.

• Uma chave de API da TMDB. Você pode obtê-la em https://www.themoviedb.org/documentation/api.

• Criar o arquivo .env.local

Instalação

Execute o servidor de desenvolvimento

• npm run dev; ou
• yarn dev; ou
• pnpm dev

Abra http://localhost:3000 com seu navegador para ver o resultado.

DEPLOY

Você pode acessar o projeto aqui: https://movies-phi-rosy.vercel.app/

Autor

Este projeto foi desenvolvido por Kerolayne Martins como parte da disciplina de Desenvolvimento Web com React do Instituto Infnet.