https://github.com/abeatrizsc/my-movies

Através deste projeto, é possível escolher e salvar filmes em uma lista para assisti-los mais tarde. Utiliza HTML, CSS, JavaScript e a API OMDb.
https://github.com/abeatrizsc/my-movies

api css html javascript movies-api notie-js omdb-api responsive

Last synced: about 2 months ago
JSON representation

Através deste projeto, é possível escolher e salvar filmes em uma lista para assisti-los mais tarde. Utiliza HTML, CSS, JavaScript e a API OMDb.

• Host: GitHub
• URL: https://github.com/abeatrizsc/my-movies
• Owner: ABeatrizSC
• License: mit
• Created: 2024-01-24T22:58:13.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2024-01-27T17:39:28.000Z (12 months ago)
• Last Synced: 2024-01-28T03:42:50.114Z (12 months ago)
• Topics: api, css, html, javascript, movies-api, notie-js, omdb-api, responsive
• Language: JavaScript
• Homepage: https://abeatrizsc.github.io/my-movies/
• Size: 1.05 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
 

    

    

    

    

    

    

    

    

    



 

  
Projeto My Movies

    

  [Sobre](#sobre)   |    [Deploy](#deploy)   |    [Utilizacao](#utilizacao)   |    [Contato](#contato)




https://github.com/ABeatrizSC/my-movies/assets/105675205/d5ffc90d-b47e-4889-ac26-5fbaea5af14f

📝Sobre



  
Feito durante o módulo 8 do curso de JavaScript Impressionador da Hashtag Treinamentos;

  
Este projeto que utiliza HTML, CSS e JavaScript funciona como um lembrete de filmes e séries não vistos, mas que estão em sua lista de desejos;

  
Possui integração com a API OMDb, responsável por retornar as informações a partir de sua busca;

  
Possui validação de entradas e tratamento de erros, onde se foi utilizado a biblioteca de notificações Notie js para reportá-los;

  
Utiliza o LocalStorage para armazenar os dados da página, assim, a lista de filmes/séries não será perdida ao recarregá-la; 

  
Pacotes de ícones e fontes retirados dos sites Bootstrap Icons e Google Fonts, respectivamente;

  
Layout responsivo.



🔗Deploy

 Acesse a visualização completa do Projeto My Movies   aqui.


💻Utilização

Feito através do editor Visual Studio Code.

Tecnologias utilizadas:



  


HTML;

  


CSS;

  


JavaScript;

  


API OMDb;

  


Notie Js.



Ícones e Fontes:



  


Bootstrap Icons;

  


Google Fonts.



🔍 Contato:

✉ Email: [email protected] 

🔗 LinkedIn: Ana Beatriz Santucci Carmoni