Samuel-Amaro / galleria-slideshow-site

Site de apresentação de slides de galeria de arte.

Galleria slideshow site

Site de apresentação de slides de galeria de arte. As obras de arte são do ART INSTITUTE OF CHICAGO

índice

• Visão geral
  • O desafio
  • Captura de tela
  • Links
• Meu processo
  • Construído com
• Autor
• Projeto

Visão Geral

O projeto

Os usuários devem ser capazes de:

• Veja o layout ideal do aplicativo dependendo do tamanho da tela do dispositivo
• Veja os estados de foco para todos os elementos interativos na página
• Navegue pela apresentação de slides e veja cada pintura em Lightbox

Capturas de tela

Links

• Repositorio GitHub: Repositorio
• Resultado: Resultado

Meu processo

Construído com

• HTML
• Web Acessibility(wai-arias, role)
• CSS (Flexbox, Grid, Normalize)
• Mobile-first workflow
• RWD(Responsive Web Design)
• Svelte
• SvelteKit
• API Art Institute of Chicago

Autor

• Site - Samuel Amaro
• Frontend Mentor - @samuel-amaro

Projeto

Criado um projeto

como criar um novo projeto sveltekit

# cria um novo projeto no diretório atual
npm create svelte@latest

# cria um novo projeto em my-app
npm create svelte@latest my-app

Desenvolvimento

Depois de criar um projeto e instalar dependências com npm install (ou pnpm install ou yarn), inicie um servidor de desenvolvimento:

npm run dev

# ou inicie o servidor e abra o aplicativo em uma nova aba do navegador
npm run dev ---open

Building

Para criar uma versão de produção do seu aplicativo:

npm run build

Você pode visualizar a compilação de produção com npm run preview.

Para implantar seu aplicativo, pode ser necessário instalar um adaptador para seu ambiente de destino.

Scripts

Format, Lint, Check

Formatar o código (Prettier)

npm run format

---

Executar o Lint

npm run lint

---

Executar a verificação do Svelte

npm run check #or
npm run check:watch