Skip to content

Site de culinária chinesa, contém animações css para expressar algumas palavras tanto em português quanto mandarim. Até o momento contemplar apenas o frontend.

Notifications You must be signed in to change notification settings

JCDMeira/nhac-nhac-sok-sok

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

27 Commits
 
 
 
 
 
 

Repository files navigation

GitHub top language GitHub language count GitHub last commit GitHub commit activity GitHub Repo stars GitHub Social

Indíce

🍜 Sobre o projeto

Projeto visa usar conhecimentos adquiridos no curso de JavaScript e TypeScript do básico ao avançado 2020 e outros conhecimentos advindos de pesquisas e estudo próprio para criar um site que promova a culinária chinesa.

O modelo busca até o momento ser um treino sobre front-end com uso de HTML5 e CSS3, enquanto o back-end ainda será desenvolvido posteriormente.

O 嗦嗦 (sok4 sok2) é uma onomatopeia emprestada do cantonês, devido a não ter sido encontrado uma representação melhor em mandarim para a onomatopeia nhac nhac, sua equivalente em português (sentido próximo).

➕ Funções e conceitos adicionais ao modelo base

🎦 Animação de menu

No menu foi adicionado uma animação para que os nomes de seções fossem representados em português e mandarim, para isso foi realizado implantação de uma lista com conteúdos vazios, então se implantou conteúdo nas mesmas com pseudo elementos (after) e ao se acionar o evento de passar o mouse por cima o a pseudo-classe hover muda o conteúdo, passando de palavras em português para suas equivalentes em mandarim.

📐 Uso de grid-template-areas

Como abordagem diferente do modelo base do curso foi usado grid-template-areas para as seções de pratos salgados e pratos doces, primeiramente devido a buscar aprendizado sobre o uso do mesmo, e como motivo adicional pelo seu uso facilitado ao indicar novos usos para os espaços da grid aliado a @media, fazendo o site responsivo de uma maneira pratica.

🎨 Cores e design

Se buscou um maior estudo em paleta de cores e design, buscando não só a identidade da china com os tons derivados do vermelho, mas também a adição de múltiplos tons para conforto visual e maior contrate entre os mesmo, usando uma paleta com os tons de vermelho, uma para uma escala de branco e outra para uma escala de preto. Também se usou recursos adicionais de CSS, como box-shadow e text-shadow. E a impressão de aumento das letras ao evento de hover nos links dos cards de pratos e no link do footer, usando uma aumento de 0.05 do font-size em conjunto a mudança de cor, para assim contrastar com e dar uma sensação agradável para o usuário.

🍲 Premissa 🍤

A china possuí uma culinária muito variada, sendo umas das mais antigas e também exóticas do planeta. Porém a culinária chinesa é muito mais do que muitas vezes nos é retratado em filmes ou mesmo o que achamos que a mesma seja. Em sua antiguidade, os grandes imperadores realizavam diversas festas, e nelas costumavam servir grandes banquetes, como forma de oferenda para os deuses e espíritos, para que em retorno o povo recebesse sucesso e prosperidade nas colheitas. E para que o banquete fosse realizado, diversos chefes de cozinha eram responsáveis por diversos pratos que se tornaram famosos na culinária chinesa e são consumidos até os dias de hoje. Culinária essa que é muito famosa, devido a grande riquezas de detalhes, e muitas sutilezas minuciosas, que tornam o prato uma riqueza de sabores, cores e texturas. Com isso vale ressaltam que é muito comum encontrar comidas que combinam o doce e salgado, agridoce e picante, macio e crocante, frio e quente e muitas outras combinações. E isso também se deve porque na cultura chinesa se busca o equilíbrio nas criações de pratos, envolvendo não só os cinco elementos fogo (amargor), madeira (azedo), metal (picante), terra (doce) e a água (salgado), mas também o Ying yang. O Ying e Yang se complementam para equilibrar polos opostos, já os elementos advém da crença que estamos cercados por cinco campos de energia, sendo eles os elementos citados, que na culinária são representados pelos sabores entre parênteses. E tudo também se deve a elementos da medicina chinesa, que relaciona a saúde e tratamentos dos pacientes com os estados dos cinco elementos dentro do corpo dessa pessoa. Sendo que a deficiência ou a demasia de qualquer dos elementos pode levar o indivíduo a doença. Portanto a culinária chinesa é muito profunda e diversa, contendo uma infinidade de pratos e sabores.

📝 Procedimentos de instalação

Clone este repositório usando o comando:

git clone https://github.com/JCDMeira/nhac-nhac-sok-sok.git

📱 Meios de contato

Jean Carlos De Meira ☕

Perfil do linkedin - Linkedin

Perfil do instagram - Instagram

Página pessoal - jcdmeira

About

Site de culinária chinesa, contém animações css para expressar algumas palavras tanto em português quanto mandarim. Até o momento contemplar apenas o frontend.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published