/the-void-tattoo

Landing page para divulgação e exposição de portifólio de uma pessoa tatuadora, com foco em performance, acessibilidade e SEO.

Primary LanguageSCSSMIT LicenseMIT

SASS JavaScript HTML5 License

The Void Tattoo

demo



Descrição do Projeto

Landing page para divulgação e exposição de portifólio de uma pessoa tatuadora, com foco em performance, acessibilidade e SEO. Esse foi meu primeiro contato com SASS em aplicação começando completamente do zero, tenho certeza que muitos dos seus benefícios acabaram não sendo implementados por isso. Para ambiente de desenvolvimento e build utilizei o Parcel, e como o foco da aplicação é desempenho, não fiz o uso de bibliotecas externas (exceto Normalize.css, que instalei como dependência). O carrossel foi feito com Javascript Vanilla - recentemente descobri que o carrossel pode ser implementado com apenas HTML e CSS, porém achei que é um código difícil de compreender e implementar para uma funcionalidade muito simples.

desktop mobile


Status do Projeto

Badge em Desenvolvimento

  • Elevar a performance mobile (atualmente 88 || meta: mínimo 90)
  • Adicionar gestão de conteúdo via spreadsheet
  • Aprimorar qualidade e implementar metódo de compressão das imagens
  • Aprimorar a experiência do usuário
  • Refatorar código

⚙️ Funcionalidades

Landing page para divulgação e contato de trabalho, com gestão de conteúdo, apresentação, galeria, seção para vídeo, artigos e formas de contato.


🚀 Como executar o projeto

# Clone este repositório
$ https://github.com/paulohmoreira/the-void-tattoo.git

# Acesse a pasta do projeto no seu terminal/cmd
$ cd the-void-tattoo

# Instale as dependências
$ npm install

# Execute a aplicação em modo de desenvolvimento
$ npm run dev

# Ou se você usa o yarn
$ yarn run dev

# A aplicação será aberta na porta:1234 - acesse http://localhost:1234

🛠 Tecnologias

As seguintes ferramentas foram usadas na construção do projeto:


Licença

MIT licensed