Skip to content

Projeto de criação de carrossel circular com HTML, CSS, ReactJS e Framer Motion (sem uso de biblioteca para a montagem do carrossel)

Notifications You must be signed in to change notification settings

FehSouza/food-hunt

Repository files navigation

Food Hunt

Contexto

Este projeto trata-se do desenvolvimento de uma página de exibição de um carrossel circular.

Foi desenvolvido a partir do intuito de dar continuidade no estudo de carrosséis iniciado com o carousel-study, porém dessa vez com o desafio de fazer no formato circular.

Assim como no estudo inicial, foi realizada a implantação do carrossel apenas com HTML, CSS e React (sem bibliotecas que criem carrosséis), mas desta vez utilizando o Framer Motion para as animações.

O carrossel foi montado com 8 pratos, porém aceita receber mais ou menos itens sem comprometer suas funcionalidades.

UI: Figma - criado por Building Amazing Things

 

Tecnologias usadas

Front-end:

Desenvolvido usando: HTML5, styled-components, ReactJS, Typescript, Framer Motion, Vite, eslint, prettier

 

Instalando as dependências

Front-end:

yarn install

 

Executando a aplicação

Para rodar o Front-end:

yarn vite

 

Link Netlify

https://food-hunt-feh.netlify.app/

About

Projeto de criação de carrossel circular com HTML, CSS, ReactJS e Framer Motion (sem uso de biblioteca para a montagem do carrossel)

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published