ComicFlix (React)

Descricao do projeto

ComicFlix e uma aplicacao web para navegacao de colecoes de Comics, Graphic Novels e Mangas. O projeto foi refatorado de HTML/CSS/JS puro para React, com foco em experiencia visual, organizacao de codigo e facilidade de manutencao.

Tecnologias utilizadas

• React 18
• Vite 5
• React Router DOM 6
• Vitest
• Testing Library
• CSS moderno (layout responsivo e componentes visuais)

Arquitetura

src/
  components/      # componentes reutilizaveis de interface
  data/            # fonte de dados do catalogo
  pages/           # paginas por categoria
  styles/          # estilos globais
  App.jsx          # rotas principais
  main.jsx         # bootstrap da aplicacao

Descricao tecnica

• SPA com roteamento cliente (/comics, /graphic-novels, /mangas).
• Home configurada para abrir em comics.
• Dados centralizados em src/data/catalog.js.
• Slider de HQs com loop infinito e sem barra de scroll visivel.
• Carregamento otimizado de imagens com loading=\"lazy\".
• Testes cobrindo renderizacao basica de rotas e componentes.

Como rodar

yarn install
yarn dev
yarn test
yarn build
yarn preview