Skip to content

Instantly share code, notes, and snippets.

@JulianeAlbuquerque
Last active August 29, 2016 23:29
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save JulianeAlbuquerque/801f38fa6e6e128716a06aec3ca921dd to your computer and use it in GitHub Desktop.
Save JulianeAlbuquerque/801f38fa6e6e128716a06aec3ca921dd to your computer and use it in GitHub Desktop.

#Novo projeto Hoje comecei o desenvolvimento do site de uma amiga. A ideia do site é bem simples, será uma apenas uma página apresentando o serviço que ela oferece, que no caso por questões de curiosidade é um costura. O site será um Single Page que terá um banner rotativo, uma sessão falando sobre o serviço oferecido, uma galeria de imagens, um pouco sobre a ela (a costureira) e finalmente um simples rodapé com redes sociais e e-mail pra contato.

Início

Como objetivo pessoal decidi que eu só usaria as tecnologias que na opinião fossem as mais atuais, primeiro para que eu as aprendesse e segundo para que eu as aprendess, pois esse foi o principal motivo para que eu aceitasse o "freela". Ao dar o bootstrap do projeto decidi que não usarei nenhum gerador de site estático e que terá que ser compilado tudo via um comando em NPM. Até o momento estou gerando os assets via gulp. No gulp estou compilando meus SCSS, fazendo o compress das imagens e rodando tudo isso em um pequeno server em nodejs, onde acesso meu projeto pela porta localhost:8080.

Futuro

O projeto ainda está bem cru, a parte mais chatinha será a organização do CSS, pois é uma parte em que tenho praticamente toque quando vejo CSS sem sentido e bagunçado em uma aplicação. Inicialmente, tenho em mente em usar o modelo initcss como modelo de organização do CSS, para a construção da galeria de imagens pretendo usar o ReactJS e por fim para o banner rotativo tentar desenvolvê-lo em CSS puro ou como um componente ReactJS.

To be continues ....
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment