{"componentChunkName":"component---src-templates-page-js","path":"/projects/2017/self-employed","result":{"data":{"markdownRemark":{"frontmatter":{"title":"Self-employed","path":"/projects/2017/self-employed","excerpt":null,"tags":null,"liveUrl":"https://www.coffeehood.com.br","sampleCode":"true","sourceCode":null,"coverImage":{"childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAMCBf/EABUBAQEAAAAAAAAAAAAAAAAAAAAB/9oADAMBAAIQAxAAAAHoJ6iqQ//EABoQAAIDAQEAAAAAAAAAAAAAAAECAAMUBBH/2gAIAQEAAQUC1V+6q4vQjDMkbnUlaAs//8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAwEBPwE//8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAgEBPwE//8QAGRAAAgMBAAAAAAAAAAAAAAAAAAEhMZEQ/9oACAEBAAY/AreFvCG87DP/xAAYEAADAQEAAAAAAAAAAAAAAAAAAREhMf/aAAgBAQABPyF4uRYykgG1rKatZMwTRh//2gAMAwEAAgADAAAAEEs//8QAFxEBAAMAAAAAAAAAAAAAAAAAAAERIf/aAAgBAwEBPxDVS//EABYRAAMAAAAAAAAAAAAAAAAAAAABEf/aAAgBAgEBPxCoqP/EABkQAQADAQEAAAAAAAAAAAAAAAEAESExQf/aAAgBAQABPxASJKp07B95X3LJwa6Je9K332AnRFJLatV3dn//2Q==","aspectRatio":1.6,"src":"/static/c698a40ecce7643b15aef913a648e30c/14b42/self-employed.jpg","srcSet":"/static/c698a40ecce7643b15aef913a648e30c/f836f/self-employed.jpg 200w,\n/static/c698a40ecce7643b15aef913a648e30c/2244e/self-employed.jpg 400w,\n/static/c698a40ecce7643b15aef913a648e30c/14b42/self-employed.jpg 800w,\n/static/c698a40ecce7643b15aef913a648e30c/a6352/self-employed.jpg 960w","sizes":"(max-width: 800px) 100vw, 800px"}}}},"id":"9b7456e0-fef6-5040-9fae-b103857895e2","html":"
\n

Had a great adventure sketching and launching a couple of businesses such as an e-commerce and a coffee shop.\nBetween my eventual tasks as manager, barista and salesman, I had the opportunity to learn a lot, specially in the Digital Business area, where I found myself having the most fun designing and programming (as shown above: the paper cup design and the website design and code were all made by me).\nI created some projects within them as well, including an inventory control program, a digital menu and so on.

\n
\n
\n

Stack: React.js, MongoDB, CSS, Gatsby.js

\n
\n
import React from "react"\n\nimport SEO from "../components/seo"\nimport Img from "gatsby-image"\nimport Menu from "../components/menu/menu"\nimport Instagram from "../components/instagram"\nimport LeafletMap from "../components/leafletMap"\n\nconst Home = ({ data }) => {\n  return (\n    <div>\n      <SEO title="Home" />\n      <section className="hero">\n        <Img\n          fluid={data.coffeehoodHero.childImageSharp.fluid}\n          className="hero-image"\n          imgStyle={{\n            objectFit: "cover",\n            objectPosition: "50% 20%",\n          }}\n          id="hero"\n        />\n      </section>\n      <section className="container">\n        <div className="about-grid about-grid-top">\n          <h2>COFFEE</h2>\n          <p>is always a good idea.</p>\n        </div>\n\n        <div className="gallery-grid">\n          <Img\n            fluid={data.spinachBread.childImageSharp.fluid}\n            className="gallery-img1"\n          />\n          <Img\n            fluid={data.coffeeBags.childImageSharp.fluid}\n            className="gallery-img2"\n          />\n          <Img\n            fluid={data.coffeePortrait.childImageSharp.fluid}\n            className="gallery-img3"\n          />\n        </div>\n        <div className="about-grid about-grid-bottom">\n          <h2>COFFEE DIEM</h2>\n          <p>\n            Café pra relaxar. Café pra inspirar. Café pra conversar. Café\n            melhora o dia.\n          </p>\n        </div>\n      </section>\n      <div className="parallax"></div>\n      <section className="container" id="menu">\n        <Menu />\n        <Instagram />\n      </section>\n      {typeof window !== "undefined" && (\n        <LeafletMap\n          position={[-30.031753123466906, -51.22006035425074]}\n          zoom={18}\n          markerText={"Coffeehood, Sarmento Leite 282, POA"}\n        />\n      )}\n    </div>\n  )\n}\n\nexport default Home
","excerpt":"Had a great adventure sketching and launching a couple of businesses such as an e-commerce and a coffee shop.\nBetween my eventual tasks as…"}},"pageContext":{"type":"posts","next":{"frontmatter":{"path":"/projects/2021/open-source","title":"Open source","tags":null},"fileAbsolutePath":"/Users/felipesmaniotto/my-real-portfolio/src/posts/open-source.md"},"previous":{"frontmatter":{"path":"/projects/2019/freelance","title":"Freelance","tags":null},"fileAbsolutePath":"/Users/felipesmaniotto/my-real-portfolio/src/posts/freelance.md"}}},"staticQueryHashes":["1425477374","3128451518"]}