/orange-memory

Desafio de criar um conteúdo para ser publicado nas redes sociais da Orange Juice. Então, eis que surgiu o Orange Memory. 🍊

Primary LanguageHTMLMIT LicenseMIT

Desafio   |    Ideia   |    Orange Memory   |    Tecnologias   |    Execução   |    Licença   |    🙋‍♀️

PRs welcome! License

Desafio para concorrer a uma bolsa Ignite da Rocketseat em parceria com a Orange Juice


$ylfkpftpux


🏆 Descrição do Desafio


📢 Você deverá criar um conteúdo para publicarmos nas redes sociais da Orange Juice, comunidade do Grupo FCamara onde as pessoas compartilham conhecimento e matérias sobre de tecnologia. 🍊

O conteúdo pode ser sobre qualquer temática da tecnologia: Linguagem de Programação, Frameworks, UX, UI, Scrum, Metodologias ágeis, Comunicação, entre outros.

👉 Pode ser escrito (para Facebook, Instagram e Linkedin) ou em vídeo (para Youtube).

Seis #SangueLaranja terão seus conteúdos publicados nas redes da Orange Juice, além de receberem uma bolsa do Ignite, da nossa parceira Rocketseat. Muito legal, né?! 🚀

💡 Ideia


Pensei em criar um conteúdo que fosse objetivo e direcionado para o Instagram da Orange Juice, mas com o cuidado de não ficar superficial pelo fato de serem posts com "pouca informação", de fácil leitura e entendimento.

Diante disso imaginei uma pequena aplicação que fosse possível interagir e, de maneira direta, explicar os conceitos da tecnologia que foi utilizada. Ainda assim, as pessoas que quisessem se aprofundar poderiam verificar o código no repositório.

Faltava então o que seria a aplicação e a tecnologia utilizada, então escolhi o React, uma biblioteca JavaScript bastante utilizada, que inclusive faz parte do Ignite. Praticamente o pouco que sei até o momento sobre React foi participando dos Next Level Week, eventos incríveis realizados pela Rocketseat.

Finalmente sobre a aplicação, como pretendia descobrir como publicar no GitHub Pages para que fosse possível interagir de qualquer lugar, pensei em um jogo simples, onde as interações ocorreriam apenas no front-end e que trouxesse informações sobre o Grupo FCamara, eis que surgiu o Orange Memory.

Fiz várias pesquisas sobre outros jogos e as lógicas por trás, vi muita coisa apenas em JavaScript e em seguida em React para entender mais sobre essa transição, além de ter sofrido um pouco com a publicação no GitHub Pages.

No fim deu tudo certo, o jogo está disponível em Orange Memory e siiimmmmmm ganhei a bolsa. 💁‍♀️🏆 Mas não teve fim de semana nem feriadão não hein!! Está sendo incrível fazer parte do Programa de Formação da FCamara e pode ter certeza que o incentivo para o aprendizado constante acontece o tempo todo lá. 🧡 #SangueLaranja

🎮 Orange Memory


Design sem nome


🚀 Tecnologias

  • HTML
  • CSS
  • React
  • GitHub Pages

🕹 Execução

# Clonar repositório
git clone git@github.com:lilianmartinsfritzen/orange-memory.git
# Entrar na pasta abaixo
cd orange-memory
# Restaurar pacotes
npm install
# Executar o projeto
npm start

📃 Licença

Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.


Desenvolvedora