Bomsono-Landing-Page: A repository from EzequiasSantos11

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

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

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

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.