React Tmdb Gss

Sobre o projeto

Link: React-Tmdb-Gss

React-Tmdb-Gss é uma aplicação front-end web construida para pesquisas, consultas e filtros de diversos filmes.

A aplicação consiste em pesquisas, consultas e filtrar por os filmes mais relevantes do momento que são puxados da api de filmes da tmdb, api especializada em filmes. O projeto do site possui um design facíl, animado e responsivo para melhor experiência do usuário.

Layout Desktop. Com demostração

https://user-images.githubusercontent.com/86306877/192158553-ca017318-fa0f-4979-bcf6-072b20d49d91.mp4

Layout Mobile e Tablet. Com demostração

https://user-images.githubusercontent.com/86306877/192158652-869bf92f-2e76-4a21-b30e-f806f9d7dceb.mp4

Competências

• Responsividade
• Boas Práticas

Tecnologias utilizadas

Front end

• HTML / CSS / JS / TypeScript
• React JS/TS
• Vite
• Framer-Motion
• Styled-Components
• react-router-dom
• lottie-react
• react-paginate
• react-player
• react-circular-progressbar
• react-query
• Axios
• swiper

Implantação em produção

• Front end web: Vercel

Inspiração

• https://github.com/Promobit/front-end-challenge

Como executar o projeto

Front end web

Pré-requisitos: npm / yarn

# clonar repositório
git clone https://github.com/GabrielSS187/React-Tmdb-Gss.git

# entrar na pasta do projeto front end web
cd React-Tmdb-Gss

# instalar dependências
npm install

# executar o projeto
npm run dev

Autor

Gabriel Silva Souza

https://www.linkedin.com/in/gabriel-silva-souza-developer