Praticando alguns conceitos de Javascript que estudei eu desenvolvi esse projetinho pessoal que funciona como uma biblioteca virtual. Nele é possível cadastrar os seguintes dados sobre os livros:
- Nome do livro;
- Autor;
- Editora;
- Quantidade de páginas;
- Link da imagem da capa do livro;
- Sinopse.
Após o usuário clicar em "Cadastrar" o livro vai para a categoria de "Todos os Livros" onde são exibidos cards com cada livro já cadastrado. Nessa categoria é possível visualizar as informações cadastradas sobre cada livro, clicando em "Sinopse" é exibido na tela um modal contendo a sinopse referente àquele livro. Para excluir um dos livros cadastrados é só clicar em "Remover" que o site apresenta uma caixa de mensagem informando que o livro foi removido com sucesso.
Na categoria de "Busca" o usuário digita o nome do livro que deseja buscar, caso seja encontrado um livro com esse nome ele é exibido em um card na categoria de "Busca", se não existir nenhum livro com o nome buscado é apresentado um modal na tela informando que não foi encontrado.
Javascript
HTML
CSS