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

Landing page Institucional, tema Odontologia.\nDesenvolvida com Next JS

Dental System

Descrição descrição do projeto\nAplicação desenvolvida, durante o curso \nProjeto Completo NodeJS, React, React Native, TypeScript do prof. Matheus Fraga.\n\nOnde criamos um sistema completo de pizzaria, utilizando as seguintes tecnologias:\nTecnologias\nBack-end\nNode.js\n com Typescript\nPrisma ORM\n para acessar o banco de dados\nAutenticação \nJTW\nMulter\n para upload de imagens\nFront-end\nReact\n com \nNext\n e Typescript\nNookies\n para armazenar cookies\nSASS\n para estilização\nMobile\nReact Native\n com Expo e Typescript\nAsyncStorage\n para armazenamento de chaves/valores\nFotos\n\n\n\n\n\n\nBibliotecas utilizadas\nBack-end\n\nprisma\n\n\nbcryptjs\n\n\nexpress\n\n\njsonwebtoken\n\n\nmulter\n\nFront-end\n\nReact\n\n\nTypescript\n\n\nNextJS\n\n\naxios\n\n\njwt-decode\n\n\nreact-toastify\n\n\nreact-modal\n\nMobile\n\nExpo\n\n\nAsync Storage\n\n\nReact Navigation\n\n\nAsync Storage\n\n

jwt-decode

nookies

Sistema Pizzaria

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 

Site dinâmico no tema de pizzaria. Gerenciado totalmente pelo CMS, onde temos:\nUma tabela de cadastro de categoria dinâmicas e produtos, onde uma categoria para lista todos os produtos cadastrados e as demais são filtradas\n\nTemos um gerenciador de páginas dinâmicas, onde pode ser criar o texto e formatado pelo CMS\nA listagem da barra de menu é gerenciada pelo GraphCMS\nA listagem de links sociais ou links de terceiros\nTecnologias\nEste projeto foi feito utilizando as seguintes tecnologias:\n\nReact\n\n\nTypescript\n\n\nGraphCMS\n\n\nGraphql\n\n\nApollo\n\nLink do projeto graphcms\n\nhttps://app.graphcms.com/clone/21874e8032c34d629534c29390162d04?name=pizzaria_dinamica\n \n### Tutorial de instalação\nClone o projeto\n
git@github.com:moraes3000/pizzaria_web_site_graphcms.git
\nInstale as dependências\n
yarn

\nRode o projeto\n
yarn dev

\nClone o projeto GraphCMS, pela seguinte URL\n\nhttps://app.graphcms.com/clone/21874e8032c34d629534c29390162d04?name=pizzaria_dinamica\n\nSubstitua a url do arquivo codegem.yml\n\n\nhttps://github.com/moraes3000/pizzaria_web_site_graphcms/raw/main/public/assets/img5.png\n\n\nRode o codegem\nyarn codegen

\nRode o projeto\nyarn dev

\nVai estar disponível no seguinte endereço: \nhttp://localhost:3000/\n

GraphCMS

Pizzaria Web Site Graphcms

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

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

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.

REACT QUERY

HeadlessUI

Front on food

Clone da interface principal do Facebook, usando Flutter Web e banco de dados local para facilitar a gestão de conteúdos\nFotos\n\n\n\n
\n\nhttps://i.ibb.co/w6QFYqX/img2.png\n\n\n\nTecnologias\nEste projeto foi feito utilizando as seguintes tecnologias:\n\nFlutter >=2.16.1 <3.0.0\n\n\ncupertino_icons\n\n\nline_icons\n\n\ncached_network_image\n\n

LINE ICONS

Clone Facebook

REACT HOOK FORM

Upload  de Imagens

ignite-reactjs-auth-backend\nResumo e descrição do projeto\nAula do Bootcamp Ignite, pela empresa Rocketseat.
Onde utilizamos o processo de autentificação, de um backend estático, disponível no seguinte repositório:\ngit@github.com:rocketseat-education/ignite-reactjs-auth-backend.git
\nRealizamos as verificações de token pelo NextJS.\n\nhttps://portifolio-heroku-media.s3.amazonaws.com/uploads/2022/03/15/esqueam-de-jwt.png?AWSAccessKeyId=AKIA4PEJ7HLUVZ5ISCU7&Signature=s1aeqR5PTICnEBLWWd40LRZTefM%3D&Expires=1647381180\n\nTecnologias\nEste projeto foi feito utilizando as seguintes tecnologias:\n\nReact\n\n\nTypescript\n\n\nNextJS\n\n\nAxios\n\n\nNookies\n\n

Introdução NextAuth

Projeto desenvolvido com Django para criar as api e hospedado no Heroku, onde crio os itens veia django admin e fica hospedado pelo frontend api

CKEDITOR

DJANGO REST

Django Portfolio

Alteração de thema claro e escuro e menu responsivo\n
\n# Clonar o respositório
$git clone git@github.com:moraes3000/react-thema-dark-light.git

# Entrar no respositório
cd react-thema-dark-light

# Instalar as dependências
$yarn install

# Iniciar o projeto
$yarn start \n

Alteração de Theme Dark e Light

Projeto  para aprender os principios do getx

GetX

VALIDATORLESS

Introdução a Getx

Projeto gerado pela SDK\nsdk: ">=2.1.0 <3.0.0"\nUtilizando a biblioteca:\nhttp: Para fazer as consultas HTTP na API do site \nhttps://developers.giphy.com/\n\nhttp: ^0.12.0+2\ntransparent_image: Para suavizar o loadin das imagens\ntransparent_image: ^1.0.0\nshare - Para Habilitar o compartilhamento, nativo do conteúdo\nshare: ^0.6.1+1\n

Buscador de  gif

Projeto desenvolvido pela Academia do Flutter\n
Onde foi desenvolvido um aplicativo, estilo o ifood onde adicionamos produtos ao carrinho e finalizamos o produto com a compra dele.\n\n\n
\n\n

Projetos