portfolio-react

Link da aplicação na WEB

Esse repositório tem como objetivo treinar alguns conceitos básicos de animação de interfaces e criação de um layout totalmente responsivo. O Layout da aplicação foi baseado em um grande UI Designer, Tiago Luchtenberg, que escreveu um E-book sobre responsividade. Aproveito para deixar meus agradecimos ao autor do layout original, Tiago, que me permitiu "clonar" a interface da qual achei muito atraente. Vocês podem encontrá-lo no Instagram.

O repositório em si servirá com um portfólio de apresentação de meus principais repositórios.

A maior parte das animações presentes na aplicação foi construída partindo de Keyframes do próprio CSS.

@keyframes react {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

animation: react 60s linear 0s infinite normal forwards;

Salvo uma excessão que foi construída utilizando framer-motion (especialmente pelo aprendizado).

O Carousel presente na aplicação é um bom exemplo do CSS poderoso que temos hoje... o carousel foi totalmente construído em CSS e não utiliza JavaScript.

Como a aplicação foi construída com NextJS, utilizei a melhor integração para deploy, a Vercel.

Especialmente à UI Designer Tiago Luchtenberg pelo E-book incrível e autorização da UI.

👆 Voltar ao Sumário

Autor

---

Feito com ❤️ por Jordão Beghetto Massariol 👋🏽 Entre em contato!