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 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
