📘My Library

📑 Objetivo do projeto

A ideia foi criar uma single page aplication com funcionalidades de um registro de leitura, marcando livros que já foram ou não lidos, adicionando ou excluindo livros, filtrando-os por categoria, editando o progresso de leitura, dentre outras. A proposta veio do curso "The Odin Project". A princípio, o objetivo era criar uma aplicação apenas com a as funcionalidades básicas, como instruia o curso, mas vi potencial para treinar e fixar várias habilidades de HTML, CSS e JS ao implementar mecanismos um pouco mais complexos.

⚙️ Funcionalidades implementadas até o momento

1. Criação de livros com imagens e animações
2. Armazenamento local dos livros
3. Filtro de livros por categoria
4. Marcação de livros como "lidos" ou "não lidos"
5. Exclusão dos livros
6. Criação dinâmica de paginação
7. Edição das informações de livros já criados
8. Visualização das informações do livro

💻 Tecnologias utilizadas

1. HTML
2. CSS
3. Vanilla JavaScript

🤓 Aprendizados

O projeto foi incrível para aprender um caminhão de coisas, conhecimentos valiosos que com certeza serão de grande utilidade para projetos futuros. Listo alguns conhecimentos adquiridos e aprimorados:

1. Uso do localstorage, parse e stringify
2. Module pattern, closure e IIFEs
3. Manipulação da DOM sem o uso de frameworks
4. Fixação dos aprendizados quanto a map e filter
5. Criação de modais
6. Animações CSS
7. Uso do flexbox
8. Criação de paginação dinâmica
9. Aparecimento e desaparecimento de elementos da DOM
10. Trabalho simultâneo com a DOM e com os dados armazenados no localstorage
11. Uso de Intersection Observers
12. Uso do dataset e formas de selecionar elementos por meio do dataset
13. Alteração de comportamento da página, por meio do JavaScript, com base no tamanho da tela do usuário
14. REGEX
15. Formas de otimizar o código para lidar com grandes quantidades de dados armazenados
16. Maneiras de tornar o código mais legível (nesse caso, colocando cada funcionalidade dentro de sua própria função)

📅 Futuras implementações

O projeto possui potencial para receber diversas adições que aumentarão sua funcionalidade e otimizarão sua execução. Algumas delas serão:

1. Barra de progresso de leitura
2. Barra de pesquisa de livros por nome e autor
3. Filtragem por livros lidos
4. Filtragem por data de leitura
5. Criação de metas de leitura
6. Lista de livros a serem lidos
7. Desafios de leitura
8. Modo LITE
9. Melhorias de design
10. Gráficos de progresso
11. Timer de leitura
12. Otimização de carregamento dos cards dos livros
13. Recriar a aplicação com REACT