Projeto pessoal, este repositório foi um dos primeiros que criei no GitHub e ele era basicamente uma página HTML com alguns textos aleto rios, sem qualquer estilo ou propósito
Decidi criar algo novo para esse repositório, afinal ele é um dos mais antigos aqui, e merece um projeto de valor
Escolhi fazer um site autoral sobre academia, originalmente o projeto seria bem mais simples, nem precisaria de Javascript e o layout também seria simples, sua otimização praticamente não existiria, porém, não me contive e fiz um projeto do qual sentiria orgulho em fazer, com grandes níveis de otimização e animações para torna o site mais interativo e convidativo.
Para se ter uma noção do nível de otimização configurei uma série de Tasks no Gulp para automatizar certos processos
Utilizei o conhecimento de diversas áreas para adicionar melhorias e extrair o máximo de performance e qualidade da página.
Os arquivos de wireframes podem ser visto ou editador no seguinte link do Figma, você também encontrara os sites que usei como referência para criar meus wireframes.
Figma: Fitness Gym
No link abaixo você pode ver a página no ar e rodar seus próprios teste de perfomance ou desempenho
Fitness Gym: https://epiled.github.io/fitness-gym/dist/
desktop.mp4
mobile.mp4
1. git clone https://github.com/Epiled/fitness-gym.git
2. cd fitness-gym
O projeto pode ser executado atraves do arquivo index.html que se encontra na pasta dist que é o que recomendo usar, clicando duas vezes sobre ele ou abrindo diretamnete sobre o navegador
As seguintes tecnologias foram usadas na construção deste projeto:
Também foi usado o modelo de organização CSS Atomic Design e a escrita do CSS foi feita seguindo o padrão BEM
Ao final do projeto é gerado um diretório de 'dist' para distribuição e homologação no qual ocorre a minificação e concatenação do CSS
Felipe De Andrade
Feito com ❤️ por Felipe De Andrade 👋🏽 Entre em contato!
