nonatodiego / bomsono-landing-page

Bomsono Landing page Challenge - DevChallenge

BOMSONO LANDING PAGE

Uma landing page baseada na AppStore.
Navegue pelo projeto »

Report Bug · Quer o adicionar algo novo?

Conteúdos

• Sobre o projeto
  • Construção
  • Mobile First
• Começando o desafio
  • Pré-requisitos
  • Instalação
  • Ícones e imagens
  • Protótipo
• Contrubuição
• License
• Contato

Sobre o projeto

Eu estava utilizando o celular quando decidi instalar alguns apps que me recomendaram, e ao abrir a AppStore eu pensei "que design maneiro, vou fazer um site assim!" e a pergunta seguinte foi: - Ok, mas o que eu faço? A resposta demorou para vir, mas o conteúdo não precisava ser especial, mas sim o aprendizado durante a construção. Olhei para o lado, vi minha cama e disse: É isso!.

E porquê não lançar esse desafio para comunidade? Foi aí que decidi lançar para o pessoal da DevChallenge embarcar nessa comigo.

Construção

Desenvolvido um protótipo bem básico no vosso querido Adobe XD, é a hora de saber qual tecnologia vamos aplicar neste projeto.

• HTML
  • Sintaxe geral
• CSS
  • Estilização
• Javascript
  • Menu para mobile
  • Carrossel

Claro que essas são as primeiras etapas para a construção desse protótipo, caso queira, pode utilizar outra tecnologia de sua preferência.

Mobile First

Como este projeto foi uma inspiração da AppStore, a recomendação é que você o inicie pensando primeiro no mobile e depois crie uma responsividade para os demais tamanhos de tela.

Começando o desafio

Para poder participar do desafio basta seguir os seguintes passos:

Pré-requisitos

Obviamente, você precisa de um editor de texto e algum visualizador do projeto, aqui vão minhas recomendações:

• Visual Studio Code você já sabe né?!
• Adobe XD para poder visualizar as dimensões e proporções do projeto.
• Git Bash ou um terminal de sua preferência para utilizar este template. ``

Instalação

1. Crie um fork desse projeto.
2. Clone o repositório.
3. Comece a codar :D
4. A cada atualização envie seu commit

git add .
git commit -m "comentário da sua atualização"

5. Envie para seu repositório

git push -u origin master

Icones e imagens

Os ícones e imagens utilizadas para este projeto estão disponíveis na pasta ./assets

Protótipo

O protótipo em .xd está disponível na pasta ./assets/design

Contrubuição

Você pode compartilhar esse projeto e colocar na aba de Issues possíveis alterações, melhoras e mostrar como você construiu utilizando uma nova tecnologia que aprendeu.

License

Distributed under the Creative Commons Zero v1.0 Universal for more information.

Contato

Alyson Vilela - @a7yson - [email protected]

Link do Projeto: BomSono Landing Page