Giter Club home page Giter Club logo

catalogo-filmes-js's Introduction

Lista de Filmes para Assistir

Este projeto consiste em uma aplicação web que permite aos usuários pesquisar filmes pelo nome e ano, exibindo informações detalhadas sobre os filmes encontrados e a possibilidade de adicioná-los a uma lista de filmes para assistir.

Estrutura de Arquivos

O projeto é composto por três arquivos principais:

  • index.html: Contém a estrutura HTML da aplicação, definindo a interface do usuário, campos de pesquisa para nome e ano de filmes, uma seção para exibir a lista de filmes e um modal para mostrar informações detalhadas de um filme.

  • script.mjs: Arquivo JavaScript responsável pela interação do usuário. Ele faz consultas à API OMDb com base na pesquisa do usuário, exibe informações no modal e controla o modal.

  • modal.js: Arquivo JavaScript que controla o comportamento do modal, incluindo a criação do modal e a função para fechá-lo quando o fundo é clicado.

  • style.css: Arquivo em CSS responsável por estilizar o HTML.

Funcionalidades

  • Os usuários podem inserir o nome e o ano de um filme nos campos de pesquisa.
  • Ao clicar no botão de pesquisa, a aplicação consulta a API OMDb para obter informações sobre o filme especificado.
  • Se um filme correspondente for encontrado, um modal é exibido com informações detalhadas, incluindo título, ano, imagem do pôster, enredo, elenco e gênero.
  • Os usuários têm a opção de adicionar o filme à sua lista de filmes para assistir.
  • O modal pode ser fechado clicando no fundo escuro.

Este README descreve a estrutura e funcionalidade do projeto, mas não inclui informações detalhadas sobre como configurar ou usar a aplicação.

Foto do projeto (Ainda está em construção)

Alt text

catalogo-filmes-js's People

Contributors

jcsalerno avatar

Stargazers

Eduardo Santana avatar  avatar Arthur Oliveira avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.