Projeto desenvolvido durante o NLW Copa em Novembro de 2022
Projeto consta com um aplicativo.Para listar bolões da copa do mundo, onde cadastramos:\nJogos via API Rest\nAutentificação com o email do Google\nCategorização para diversos bolões.\nImagens\n\n\n\n\nModelo de dados\n\n\nTecnologias\nEste projeto foi feito utilizando as seguintes tecnologias:\nServidor\n\nFastify\n\n\nTypescript\n\n\nshort-unique-id\n\n\nzod\n\nMobile\n\nAxios\n\n\nExpo\n\n\nNative Base\n\nWeb\n\nNextJS\n\nLayout\nTo access the layout use \nFigma.\n\nhttps://file+.vscode-resource.vscode-cdn.net/c%3A/Users/bruno/Desktop/nlw%202/nlw_copa/ERD.svg\n

AXIOS

Phosphor

Fastify

NLW Copa

Projeto de listagem de cursos, pegando dados de uma api Graphql, usando o CMS GraphCMS\nFotos\n\n\n\n\nTecnologias\nEste projeto foi feito utilizando as seguintes tecnologias:\n\nReact\n\n\nTypescript\n\n\nGraphql\n\n\nGraphCMS\n\n\nApolloJS\n\n\ngraphql-code-generator\n\n

ApolloJS

Codegen

GraphCMS

Event Platform

Semana NLW Return, desenvolvida pela empresa Rocketseat.

Onde construimos um widget para reportar bugs é possível inserir uma categoria, comentário e o print da tela que a pessoa está de alguma aplicação nossa, esses bugs são reportados, para nossa api que está no seguinte repositório:\n\nhttps://github.com/moraes3000/nlw_backend\n\nFotos\n\n\n\nTecnologias\nEste projeto foi feito utilizando as seguintes tecnologias:\n\nvitejs\n\n\nTypescript\n\n\ntailwindcss\n\n\nhtml2canvas\n\n\nphosphor-react\n\n\nAxios\n\nTutorial de instalação\nClone o projeto\n
git@github.com:moraes3000/nlw_return.git

\nInstale as dependências\n
yarn

\nRode o projeto\n
yarn dev

\nAcesse \nhttp://localhost:3000\n para ver o resultado.\n\n

html2canvas

Vitejs

NLW - Feedback Widget

Neste desafio você deve criar uma página com uma lista de links que pode ser usada em perfis de redes sociais.\nRequisitos para o desafio:\nAdicione uma imagem de perfil\nAdicione uma lista de links que pode ser usada para enviar o usuário para outros sites\nOpcional: Adicione ícones com links para outras redes sociais\nDica: para centralizar o conteúdo você pode adicionar um elemento (div) com uma largura fixa e depois adicionar \nmargin: 0 auto\nVocê poderá usar como modelo o layout do Figma disponibilizado acima.\nVocê pode duplicar o layout do projeto clicando aqui ou baixar o zip com os assets do projeto.\nDesafio extra implementar a biblioteca Tailwind CSS\nTecnologias\nEste projeto foi feito utilizando as seguintes tecnologias:\n\nTypescript\n\n\nNextJS\n\n\nTailwind CSS\n\n🎨 Style Guide\nCores:\n:root {
  --body-bg-color: #FAF7FD;
  --purple: #BB99DD;
}
\nTipo de fonte:\nfont-family: Poppins\nFont Weight: 300 e 600\nVocê pode encontrar a fonte no \nGoogle Fonts\n

Desafio: Social Tree

Resumo e descrição do projeto\nConteúdo desenvolvido pelo Imersão FrontExpert, onde foi passado algumas dicas e configurações de organização e gestão de conteúdos pelo Tailwindcss.
\nFotos\n\n\n\nProjeto Figma\n\nhttps://www.figma.com/file/WQQusGr055AVs3lQ8M6TU0/OnFoodIFX?node-id=6%3A6558\n\nTecnologias\nEste projeto foi feito utilizando as seguintes tecnologias:\n\nReact\n\n\nTypescript\n\n\nNextJS\n\n\nTailwind CSS\n\n\nHeadlessUI\n\n\nReact Query\n\nTutorial de instalação\nClone o projeto\n
git@github.com:moraes3000/next-front-on-food.git
\nInstale as dependências\n
yarn

\nRode o projeto\n
yarn dev

\nAcesse \nhttp://localhost:3000\n para ver o resultado.

Projetos