Thanks to visit codestin.com
Credit goes to github.com

Skip to content

luanasa/leio-app

Repository files navigation

Leio: Seu Diário de Leitura Digital

Bem-vindo ao Leio, uma aplicação web elegante e minimalista para registrar e organizar os livros que você lê. Inspirado no visual de galerias de arte, o Leio transforma sua biblioteca pessoal em uma coleção visualmente atraente, permitindo que você acompanhe suas leituras de uma forma simples e intuitiva.

Propósito do Projeto

O objetivo do Leio é fornecer uma plataforma pessoal e focada para entusiastas de livros. Em vez de apenas registrar títulos, o aplicativo permite que você crie um diário de leitura visual, com capas de livros em destaque, detalhes do autor e suas próprias opiniões sobre cada obra.

Funcionalidades Principais

Visualização de Livros

  • Página Principal em Galeria: Exibe todos os livros lidos em uma grade organizada, com a capa, o título e o autor em evidência.
  • Efeito de Hover: Ao passar o mouse sobre a capa de um livro, uma breve avaliação pessoal (como "5 estrelas" ou "Leitura do Mês") é exibida.
  • Filtro por Mês: Um menu suspenso dinâmico no canto superior direito permite filtrar os livros por mês e ano, exibindo apenas as leituras daquele período.

Detalhes do Livro

  • Página Dedicada: Ao clicar em um livro, uma nova página é carregada com informações detalhadas.
  • Layout Limpo: A página exibe a capa do livro em alta resolução, o título e o autor em destaque.
  • Sinopse e Ano de Publicação: Um bloco de texto à direita mostra a sinopse do livro, enquanto o ano de publicação é exibido em marca d'água, conferindo um toque de elegância ao design.
  • Navegação Rápida: Setas de navegação permitem que o usuário passe para o livro anterior ou posterior lido no mesmo mês, sem precisar voltar para a galeria.

Adicionar um Novo Livro

  • Formulário Intuitivo: Um botão "Adicionar Livro" leva a um formulário simples para registrar novas leituras.
  • Campos Essenciais: Os campos incluem Título, Autor, Upload da Imagem da Capa, Mês da Leitura (dropdown), Avaliação (estrelas de 1 a 5) e um campo para uma breve sinopse ou resenha.
  • Validação de Dados: O formulário valida os campos para garantir que os dados necessários sejam inseridos antes do envio.

Tecnologias Utilizadas

  • Frontend Framework: React
  • Linguagem: TypeScript
  • Ferramenta de Build: Vite
  • Estilização: Tailwind CSS e PostCSS
  • Linter: ESLint

Como Contribuir

Sinta-se à vontade para contribuir com ideias, reportar bugs ou submeter pull requests.

Licença

Este projeto está licenciado sob a Licença MIT.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published