Skip to content

lucbic/Carrossel-Javascript-Puro

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

59 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

  • O projeto foi executado utilizando Javascript ES6 puro, transpilado com Webpack + Babel.
  • A única biblioteca externa utilizada foi a Swiper para a construção do carrossel.
  • O arquivo products.json é lido via chamada ajax de forma assíncrona, utilizando Promise.
  • A estilização foi feita utilizando Sass, de forma modular - com arquivos separados para variáveis, fontes, queries e css-reset.
  • Utilizei css transitions nos eventos de hover para obter um design fluido.
  • O widget desenvolvido possui responsividade mobile; foram utilizados 3 breakpoints para adaptação a qualquer tipo de dispositivo.

Como executar

  • Clone o repositório em sua máquina
  • Instale as dependências necessárias (necessário ter npm instalado)
  • Execute o dev-server
git clone https://github.com/lucbic/itelios-frontend-challenge.git
cd itelios-frontend-challenge
npm install
npm run dev

A aplicação estará disponível em http://localhost:8080/

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 50.0%
  • JavaScript 43.6%
  • HTML 6.4%