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

rocketseat_2022_ignite_shop\nProjeto realizado pela rocketseat, onde foi realizado o desenvolvimento de um backend com strapi, e feito o front com reactjs
\nApos realizado o front foi solicitado uma nova features, de implementar um carrinho de compras\n\nFotos\n\n\n\n\nTecnologia\nEste projeto foi feito utilizando as seguintes tecnologias:\n\nStripe\n\n\nkeen-slider\n\n\nuse-shopping-cart\n\n\nNextJS\n\n\nphosphor-react\n\n

Rocketseat Ignite Shop 

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

Desafio do Discovery pela empresa Rocketseat.\n\nNeste desafio você poderá criar uma página web para que seja seu portfolio e currículo. Utilizando HTML e CSS.

Portifolio desafio Rocketseat

Nesse desafio, você vai desenvolver uma aplicação de controle de tarefas no estilo to-do list, que contém as seguintes funcionalidades:\nAdicionar uma nova tarefa\nMarcar e desmarcar uma tarefa como concluída\nRemover uma tarefa da listagem\nMostrar o progresso de conclusão das tarefas\nLayout da aplicação\n\n\nTecnologias\nEste projeto foi feito utilizando as seguintes tecnologias:\n\nVITE\n\n\nReact\n\n\nTypescript\n\nTutorial de instalação\nClone o projeto\n
git clone git@github.com:moraes3000/rocketseat_desafio_01_todo_list.git

\nInstale as dependências\n
yarn

\nRode o projeto\n
yarn dev

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

Todo List -  Desafio 01 - Rocketseat  2022

Projeto desenvolvido pelo modulo Ignite da Rocketseat, onde construimos uma aplicação de feed de noticia. o link do projeto Figma:\n\nLink para projeto figma:\n\nAssets\n\n\nTecnologias\nEste projeto foi feito utilizando as seguintes tecnologias:\n\nVITE\n\n\nReact\n\n\nTypescript\n\n\nPhosphor Icons\n\nTutorial de instalação\nClone o projeto\n
git clone git@github.com:moraes3000/rocketseat_2022_fundamentos_reactjs.git

\nInstale as dependências\n
yarn

\nRode o projeto\n
yarn dev

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

Rocketseat 2022 - Fundamentos Reactjs

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

Projetos