{"pageProps":{"projects":[{"title":"50 projetos em 50 dias","shortDescription":"50 projetos web feito em 50 dias","tech":"javascript","githubURL":"https://github.com/joaom00/50Projects50Days","livePreviewURL":"https://joaom00.github.io/50Projects50Days/","body":{"raw":"\n<img src=\"https://raw.githubusercontent.com/joaom00/JavaScript/main/.github/50p50d.jpg\" alt=\"Pré-visualização do projeto\" />\n","code":"var Component=(()=>{var m=Object.create;var a=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var j=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var s=t=>a(t,\"__esModule\",{value:!0});var x=(t,n)=>()=>(n||t((n={exports:{}}).exports,n),n.exports),_=(t,n)=>{s(t);for(var e in n)a(t,e,{get:n[e],enumerable:!0})},d=(t,n,e)=>{if(n&&typeof n==\"object\"||typeof n==\"function\")for(let o of u(n))!g.call(t,o)&&o!==\"default\"&&a(t,o,{get:()=>n[o],enumerable:!(e=p(n,o))||e.enumerable});return t},h=t=>d(s(a(t!=null?m(j(t)):{},\"default\",t&&t.__esModule&&\"default\"in t?{get:()=>t.default,enumerable:!0}:{value:t,enumerable:!0})),t);var i=x((w,c)=>{c.exports=_jsx_runtime});var f={};_(f,{default:()=>b});var r=h(i());function l(t={}){let n=Object.assign({},t.components),{wrapper:e}=n,o=(0,r.jsx)(r.Fragment,{children:(0,r.jsx)(\"img\",{src:\"https://raw.githubusercontent.com/joaom00/JavaScript/main/.github/50p50d.jpg\",alt:\"Pr\\xE9-visualiza\\xE7\\xE3o do projeto\"})});return e?(0,r.jsx)(e,Object.assign({},t,{children:o})):o}var b=l;return f;})();\n;return Component.default;"},"_id":"projetos/javascript/50p50d.mdx","_raw":{"sourceFilePath":"projetos/javascript/50p50d.mdx","sourceFileName":"50p50d.mdx","sourceFileDir":"projetos/javascript","bodyType":"mdx","flattenedPath":"projetos/javascript/50p50d"},"type":"JSProject","readingTime":{"text":"1 min read","minutes":0.03,"time":1800,"words":6},"wordCount":8,"slug":"50p50d"},{"title":"Beatmaker","shortDescription":"Que tal fazer uns beats?","tech":"javascript","githubURL":"https://github.com/joaom00/beatmaker","livePreviewURL":"https://joaom00.github.io/beatmaker/","body":{"raw":"\n<img src=\"https://raw.githubusercontent.com/joaom00/beatmaker/main/.github/beatmaker.webp\" alt=\"Pré-visualização do projeto\" />\n","code":"var Component=(()=>{var m=Object.create;var a=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var j=Object.getOwnPropertyNames;var p=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var s=t=>a(t,\"__esModule\",{value:!0});var g=(t,e)=>()=>(e||t((e={exports:{}}).exports,e),e.exports),x=(t,e)=>{s(t);for(var n in e)a(t,n,{get:e[n],enumerable:!0})},_=(t,e,n)=>{if(e&&typeof e==\"object\"||typeof e==\"function\")for(let o of j(e))!b.call(t,o)&&o!==\"default\"&&a(t,o,{get:()=>e[o],enumerable:!(n=u(e,o))||n.enumerable});return t},h=t=>_(s(a(t!=null?m(p(t)):{},\"default\",t&&t.__esModule&&\"default\"in t?{get:()=>t.default,enumerable:!0}:{value:t,enumerable:!0})),t);var i=g((k,c)=>{c.exports=_jsx_runtime});var f={};x(f,{default:()=>d});var r=h(i());function l(t={}){let e=Object.assign({},t.components),{wrapper:n}=e,o=(0,r.jsx)(r.Fragment,{children:(0,r.jsx)(\"img\",{src:\"https://raw.githubusercontent.com/joaom00/beatmaker/main/.github/beatmaker.webp\",alt:\"Pr\\xE9-visualiza\\xE7\\xE3o do projeto\"})});return n?(0,r.jsx)(n,Object.assign({},t,{children:o})):o}var d=l;return f;})();\n;return Component.default;"},"_id":"projetos/javascript/beatmaker.mdx","_raw":{"sourceFilePath":"projetos/javascript/beatmaker.mdx","sourceFileName":"beatmaker.mdx","sourceFileDir":"projetos/javascript","bodyType":"mdx","flattenedPath":"projetos/javascript/beatmaker"},"type":"JSProject","readingTime":{"text":"1 min read","minutes":0.03,"time":1800,"words":6},"wordCount":8,"slug":"beatmaker"},{"title":"MoveIt","shortDescription":"Pomodoro gamificado","tech":"javascript","githubURL":"https://github.com/joaom00/moveit","livePreviewURL":"https://joaom00.github.io/moveit/","body":{"raw":"\n<div align=\"center\">\n  <img alt=\"move.it\" title=\"move.it\" src=\"https://raw.githubusercontent.com/joaom00/moveit-react/main/.github/logo.png\" />\n</div>\n\n<div align=\"center\">\n  <img alt=\"Happy\" src=\"https://raw.githubusercontent.com/joaom00/moveit-react/main/.github/moveit.png\" width=\"100%\" />\n</div>\n\n### Tecnologias\n\nEsse projeto foi desenvolvido com as seguintes tecnologias:\n\n- HTML5\n- CSS3\n- JavaScript\n\n## Projeto\n\nO move.it é um app que une a técnica de Pomodoro com a realização de exercícios físicos para quem passa muito tempo na frente do computador.\n\n## Layout\n\nVocê pode visualizar o layout do projeto através [desse link](https://www.figma.com/file/ge20pu3ofMOKoliUyKx1Nl/Move.it-1.0). É necessário ter conta no [Figma](http://figma.com/) para acessá-lo.\n\n---\n\nFeito com ♥ by Rocketseat 👋🏻 [Participe da nossa comunidade!](https://discordapp.com/invite/gCRAFhc)\n","code":"var Component=(()=>{var l=Object.create;var t=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var d=Object.getPrototypeOf,p=Object.prototype.hasOwnProperty;var c=o=>t(o,\"__esModule\",{value:!0});var u=(o,e)=>()=>(e||o((e={exports:{}}).exports,e),e.exports),g=(o,e)=>{c(o);for(var i in e)t(o,i,{get:e[i],enumerable:!0})},f=(o,e,i)=>{if(e&&typeof e==\"object\"||typeof e==\"function\")for(let a of m(e))!p.call(o,a)&&a!==\"default\"&&t(o,a,{get:()=>e[a],enumerable:!(i=h(e,a))||i.enumerable});return o},j=o=>f(c(t(o!=null?l(d(o)):{},\"default\",o&&o.__esModule&&\"default\"in o?{get:()=>o.default,enumerable:!0}:{value:o,enumerable:!0})),o);var s=u((w,r)=>{r.exports=_jsx_runtime});var y={};g(y,{default:()=>x});var n=j(s());function v(o={}){let e=Object.assign({h3:\"h3\",a:\"a\",span:\"span\",p:\"p\",ul:\"ul\",li:\"li\",h2:\"h2\",hr:\"hr\"},o.components),{wrapper:i}=e,a=(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(\"div\",{align:\"center\",children:(0,n.jsx)(\"img\",{alt:\"move.it\",title:\"move.it\",src:\"https://raw.githubusercontent.com/joaom00/moveit-react/main/.github/logo.png\"})}),`\n`,(0,n.jsx)(\"div\",{align:\"center\",children:(0,n.jsx)(\"img\",{alt:\"Happy\",src:\"https://raw.githubusercontent.com/joaom00/moveit-react/main/.github/moveit.png\",width:\"100%\"})}),`\n`,(0,n.jsxs)(e.h3,{id:\"tecnologias\",children:[(0,n.jsx)(e.a,{className:\"anchor\",href:\"#tecnologias\",children:(0,n.jsx)(e.span,{className:\"icon icon-link\"})}),\"Tecnologias\"]}),`\n`,(0,n.jsx)(e.p,{children:\"Esse projeto foi desenvolvido com as seguintes tecnologias:\"}),`\n`,(0,n.jsxs)(e.ul,{children:[`\n`,(0,n.jsx)(e.li,{children:\"HTML5\"}),`\n`,(0,n.jsx)(e.li,{children:\"CSS3\"}),`\n`,(0,n.jsx)(e.li,{children:\"JavaScript\"}),`\n`]}),`\n`,(0,n.jsxs)(e.h2,{id:\"projeto\",children:[(0,n.jsx)(e.a,{className:\"anchor\",href:\"#projeto\",children:(0,n.jsx)(e.span,{className:\"icon icon-link\"})}),\"Projeto\"]}),`\n`,(0,n.jsx)(e.p,{children:\"O move.it \\xE9 um app que une a t\\xE9cnica de Pomodoro com a realiza\\xE7\\xE3o de exerc\\xEDcios f\\xEDsicos para quem passa muito tempo na frente do computador.\"}),`\n`,(0,n.jsxs)(e.h2,{id:\"layout\",children:[(0,n.jsx)(e.a,{className:\"anchor\",href:\"#layout\",children:(0,n.jsx)(e.span,{className:\"icon icon-link\"})}),\"Layout\"]}),`\n`,(0,n.jsxs)(e.p,{children:[\"Voc\\xEA pode visualizar o layout do projeto atrav\\xE9s \",(0,n.jsx)(e.a,{href:\"https://www.figma.com/file/ge20pu3ofMOKoliUyKx1Nl/Move.it-1.0\",children:\"desse link\"}),\". \\xC9 necess\\xE1rio ter conta no \",(0,n.jsx)(e.a,{href:\"http://figma.com/\",children:\"Figma\"}),\" para acess\\xE1-lo.\"]}),`\n`,(0,n.jsx)(e.hr,{}),`\n`,(0,n.jsxs)(e.p,{children:[\"Feito com \\u2665 by Rocketseat \\u{1F44B}\\u{1F3FB} \",(0,n.jsx)(e.a,{href:\"https://discordapp.com/invite/gCRAFhc\",children:\"Participe da nossa comunidade!\"})]})]});return i?(0,n.jsx)(i,Object.assign({},o,{children:a})):a}var x=v;return y;})();\n;return Component.default;"},"_id":"projetos/javascript/moveit.mdx","_raw":{"sourceFilePath":"projetos/javascript/moveit.mdx","sourceFileName":"moveit.mdx","sourceFileDir":"projetos/javascript","bodyType":"mdx","flattenedPath":"projetos/javascript/moveit"},"type":"JSProject","readingTime":{"text":"1 min read","minutes":0.455,"time":27300,"words":91},"wordCount":93,"slug":"moveit"},{"title":"Rock Paper Scissors","shortDescription":"Clássico jogo pedro-papel-tesoura. E com um bônus!","tech":"javascript","githubURL":"https://github.com/joaom00/rock-paper-scissors","body":{"raw":"\n## Frontend Mentor - Rock, Paper, Scissors\n\n![Design preview for the Rock, Paper, Scissors coding challenge](https://raw.githubusercontent.com/joaom00/rock-paper-scissors/master/design/desktop-preview.jpg)\n\n\n## Sobre\n\nDesafio do site Frontend Mentor, onde eu tive que criar o clássico jogo pedra, papel e tesoura e deixá-lo o mais próximo possível do design.\n\n---\n\n## Bônus Game\n\nOutra parte do desafio era criar um Bônus Game chamado Pedra, Papel, Tesoura, Lagarto e Spock\n\nSe você não sabe do que estou falando, confira neste [vídeo](https://www.youtube.com/watch?v=OtzekNVWs30).\n\n### Design\n\n![Design preview for the Rock, Paper, Scissors, Lizard, Spock coding challenge](https://raw.githubusercontent.com/joaom00/rock-paper-scissors/master/design/bonus/desktop-step-1-bonus.jpg)\n\n---\n\n## Ferramentas\n\n- [Frontend Mentor](https://www.frontendmentor.io/)\n- HTML5\n- CSS3\n- JavaScript\n","code":"var Component=(()=>{var h=Object.create;var o=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var p=Object.getPrototypeOf,m=Object.prototype.hasOwnProperty;var i=r=>o(r,\"__esModule\",{value:!0});var u=(r,e)=>()=>(e||r((e={exports:{}}).exports,e),e.exports),g=(r,e)=>{i(r);for(var s in e)o(r,s,{get:e[s],enumerable:!0})},f=(r,e,s)=>{if(e&&typeof e==\"object\"||typeof e==\"function\")for(let a of d(e))!m.call(r,a)&&a!==\"default\"&&o(r,a,{get:()=>e[a],enumerable:!(s=l(e,a))||s.enumerable});return r},k=r=>f(i(o(r!=null?h(p(r)):{},\"default\",r&&r.__esModule&&\"default\"in r?{get:()=>r.default,enumerable:!0}:{value:r,enumerable:!0})),r);var t=u((x,c)=>{c.exports=_jsx_runtime});var w={};g(w,{default:()=>j});var n=k(t());function b(r={}){let e=Object.assign({h2:\"h2\",a:\"a\",span:\"span\",p:\"p\",img:\"img\",hr:\"hr\",h3:\"h3\",ul:\"ul\",li:\"li\"},r.components),{wrapper:s}=e,a=(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(e.h2,{id:\"frontend-mentor---rock-paper-scissors\",children:[(0,n.jsx)(e.a,{className:\"anchor\",href:\"#frontend-mentor---rock-paper-scissors\",children:(0,n.jsx)(e.span,{className:\"icon icon-link\"})}),\"Frontend Mentor - Rock, Paper, Scissors\"]}),`\n`,(0,n.jsx)(e.p,{children:(0,n.jsx)(e.img,{src:\"https://raw.githubusercontent.com/joaom00/rock-paper-scissors/master/design/desktop-preview.jpg\",alt:\"Design preview for the Rock, Paper, Scissors coding challenge\"})}),`\n`,(0,n.jsxs)(e.h2,{id:\"sobre\",children:[(0,n.jsx)(e.a,{className:\"anchor\",href:\"#sobre\",children:(0,n.jsx)(e.span,{className:\"icon icon-link\"})}),\"Sobre\"]}),`\n`,(0,n.jsx)(e.p,{children:\"Desafio do site Frontend Mentor, onde eu tive que criar o cl\\xE1ssico jogo pedra, papel e tesoura e deix\\xE1-lo o mais pr\\xF3ximo poss\\xEDvel do design.\"}),`\n`,(0,n.jsx)(e.hr,{}),`\n`,(0,n.jsxs)(e.h2,{id:\"b\\xF4nus-game\",children:[(0,n.jsx)(e.a,{className:\"anchor\",href:\"#b\\xF4nus-game\",children:(0,n.jsx)(e.span,{className:\"icon icon-link\"})}),\"B\\xF4nus Game\"]}),`\n`,(0,n.jsx)(e.p,{children:\"Outra parte do desafio era criar um B\\xF4nus Game chamado Pedra, Papel, Tesoura, Lagarto e Spock\"}),`\n`,(0,n.jsxs)(e.p,{children:[\"Se voc\\xEA n\\xE3o sabe do que estou falando, confira neste \",(0,n.jsx)(e.a,{href:\"https://www.youtube.com/watch?v=OtzekNVWs30\",children:\"v\\xEDdeo\"}),\".\"]}),`\n`,(0,n.jsxs)(e.h3,{id:\"design\",children:[(0,n.jsx)(e.a,{className:\"anchor\",href:\"#design\",children:(0,n.jsx)(e.span,{className:\"icon icon-link\"})}),\"Design\"]}),`\n`,(0,n.jsx)(e.p,{children:(0,n.jsx)(e.img,{src:\"https://raw.githubusercontent.com/joaom00/rock-paper-scissors/master/design/bonus/desktop-step-1-bonus.jpg\",alt:\"Design preview for the Rock, Paper, Scissors, Lizard, Spock coding challenge\"})}),`\n`,(0,n.jsx)(e.hr,{}),`\n`,(0,n.jsxs)(e.h2,{id:\"ferramentas\",children:[(0,n.jsx)(e.a,{className:\"anchor\",href:\"#ferramentas\",children:(0,n.jsx)(e.span,{className:\"icon icon-link\"})}),\"Ferramentas\"]}),`\n`,(0,n.jsxs)(e.ul,{children:[`\n`,(0,n.jsx)(e.li,{children:(0,n.jsx)(e.a,{href:\"https://www.frontendmentor.io/\",children:\"Frontend Mentor\"})}),`\n`,(0,n.jsx)(e.li,{children:\"HTML5\"}),`\n`,(0,n.jsx)(e.li,{children:\"CSS3\"}),`\n`,(0,n.jsx)(e.li,{children:\"JavaScript\"}),`\n`]})]});return s?(0,n.jsx)(s,Object.assign({},r,{children:a})):a}var j=b;return w;})();\n;return Component.default;"},"_id":"projetos/javascript/rock-paper-scissors.mdx","_raw":{"sourceFilePath":"projetos/javascript/rock-paper-scissors.mdx","sourceFileName":"rock-paper-scissors.mdx","sourceFileDir":"projetos/javascript","bodyType":"mdx","flattenedPath":"projetos/javascript/rock-paper-scissors"},"type":"JSProject","readingTime":{"text":"1 min read","minutes":0.495,"time":29700,"words":99},"wordCount":101,"slug":"rock-paper-scissors"}]},"__N_SSG":true}