fehsouza / cine-plex

Projeto de um catálogo de filmes | Estudo de NextJS, testes unitários, testes E2E e performance

Cine Plex

Contexto

Este projeto trata-se de um site estilo catálogo de filmes (apenas para visualização, sem simulação de compras), desenvolvido para desktop e mobile (100% responsivo).

Está sendo desenvolvido com o intuito de se aprofundar no NextJS e no consumo de informações do banco de dados do TMDB (The Movie DB).

Além disto, está sendo utilizado para o aprendizado de testes:

• Testes unitários realizados com Vitest e React Testing Library;
• Testes E2E realizados com Playwright.

Toda a implementação está sendo realizada visando uma boa performance de navegação, além de atender aos critérios de acessibilidade e de SEO.

Prévia Desktop

 

Prévia Mobile

 

Tecnologias usadas

Front-end

SASS, ReactJS, re-state, Typescript, Embla Carousel, NextJS, eslint, prettier

 

Testes

Vitest, React Testing Library, MSW, Playwright

 

Instalando as dependências

Front-end

yarn install

 

Testando a aplicação

Front-end - Testes unitários

yarn test

 

Front-end - Testes E2E

yarn test:e2e

 

Executando a aplicação

Front-end

yarn dev

 

Link Vercel

https://cine-plex.vercel.app/