{"componentChunkName":"component---src-pages-portfolio-js","path":"/portfolio/","result":{"data":{"site":{"siteMetadata":{"title":"Nans' blogs","description":"This is actually more a notepad than anything else, you will discover the notes I take during some trainings, or while reading some books. Sometimes I write in English, sometimes in French, sometimes both at the same time, sorry about that ! (🇬🇧/🇫🇷)"}},"allMarkdownRemark":{"edges":[{"node":{"excerpt":"Karbon Editor What is it about ? 🌱 A web application that enables people from the food industry\nto understand the environmental impact…","html":"<h2>Karbon Editor</h2>\n<p align=\"center\">\n<img src=\"/cab1fbdd8834bf1b4d112742136b2c77/impacts.svg\" alt=\"environmental impacts\">\n</p>\n<h3>What is it about ? 🌱</h3>\n<p>A web application that enables people from the food industry\nto understand the environmental impact caused by their activity.\nThis is a collaborative tool that aims at making eco-designing food products easier.</p>\n<h3>My participation in this project:</h3>\n<ul>\n<li>Fullstack development (React, Node, GraphQL, Typescript)</li>\n<li>Hiring, onboarding, training and coaching of team members</li>\n<li>Project management</li>\n<li>Management of UI/UX freelance workers</li>\n<li>CI/CD</li>\n</ul>\n<p><a href=\"https://karbon.earth\">More info</a></p>","fields":{"slug":"/karbon/karbon/"},"frontmatter":{"date":"July 30, 2020","title":"Karbon Editor","description":"I created a hook to solve a common problem in React in an elegant way"}}},{"node":{"excerpt":"Beyond Asset \n(source) What is it about ? 👷‍♀️ Beyond Asset is an asset management solution that manages and optimises\nthe condition and…","html":"<h2>Beyond Asset</h2>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 590px; \"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 65.54054054054055%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAACXBIWXMAAAsTAAALEwEAmpwYAAADcklEQVQ4y2WSfUyTRxzHjzmVVNaMLIv+4R/LHI6hZn/oBl0ob4ECIzVO4qJEmRgzQ2ZwwCasFqFEpWVkY9mW7L9lE7HWzQmWEvemmWYzc25toc9aaEH6SrsCPi3r29PnvnueisbMSz5331xyn7vf3RFCSJYAkUhz68mq7E8IWdtHstbqCFkjsHqFJx8ZH82r+wQG10ik+8mD1nAumqXU/UYKinca33h3ELtaP0P1O4N4rakfhW/pIGvSCaM2g5iLDmpRJOSigzqUHP4QFUcGkCdTXjcBBAJilyUG1UnNsC8cESLibBKpFE9TQk5RAazAP54T4oLe09rL+L9QfVKjv+sLI8nxHJdM0FtWL3UGOMqyEXrOZKU3GZYuRyPUZrHQeZ+PhoIBajX/lY5Goug9debSY0JVV4/eG1wUN+RisRiaVVqoPh1FIBhCc0c3Pv7ahJlpB9RHD+Dbs1/APeOkqo729HdGI7S6AYPoCC/9u+qh8AN1t947f1+YSCQwOzuFYNCPeDwOLhUT58HzPGg6sZLTNJmMp8V8Rts/NMFM3X+UB8ITXd36wD9LGSHHpWAx/wHD8BAWwgswfGPCpZFxfG8cw/kvP8fPP13F6IiRGi5c5AWw5829t7OzJW/n5j5T91DYo+nVhxbuCTsLB0rF8dXZPnw0oAHLLqOr+zTaj3fi6m0rDDfuQH/jT9yy3MEUY4XTOUM9Xh/GTOPIyZFOicInMiV39VyY9S+unJCjbreHLi2GKU8pHR8z0WNqDa44fPQH+yy1+e5iPsDQCDtPaeYCkLbb7aLQnCn7yviPpO39ziHG6UUikeRCwSBtbNhF+zUd1OV00N1KBW1qacekZw5+n52GzNfg/mWE+r3TlI3GIHwh3myxQCp92koqysvzFZWVr8uL5b8qlUrU1+/OICvcjp21VWjYtxcvbd6EPYeO8BdtHv53u40PmK/z7smb/Fxgmo+wUV6samJiAuvWPWUmZaWlz5bIiysKX9lR82LepqqC/M2KbVu3KKoqFQp5SVlNkUwm37h+fWfdvkaMusIwOjwI3ZtDMOJCkPVjcTmVqdnlckEiyXGIQlJeVkpkha+SF55/jghSsnVLAamuriU1tXVk44YN4q3k5b+8fbKxTfX3gZb3mPbjrUzniVamua2Vqdl/lFFrTtmOtbS4BOHwf6SZoulQXROnAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"beyond asset screenshots\"\n        title=\"beyond asset screenshots\"\n        src=\"/static/21ffcf61c4b2e920b14602434f05ba3a/fcda8/asset.png\"\n        srcset=\"/static/21ffcf61c4b2e920b14602434f05ba3a/12f09/asset.png 148w,\n/static/21ffcf61c4b2e920b14602434f05ba3a/e4a3f/asset.png 295w,\n/static/21ffcf61c4b2e920b14602434f05ba3a/fcda8/asset.png 590w,\n/static/21ffcf61c4b2e920b14602434f05ba3a/c67d4/asset.png 723w\"\n        sizes=\"(max-width: 590px) 100vw, 590px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n    </span>\n(<a href=\"https://www.sixense-group.com/en/offer/platform-solutions/beyond-asset\">source</a>)</p>\n<h3>What is it about ? 👷‍♀️</h3>\n<p>Beyond Asset is an asset management solution that manages and optimises\nthe condition and maintenance of any infrastructure.</p>\n<h3>My participation in this project:</h3>\n<ul>\n<li>Technical dependencies management</li>\n<li>Fullstack development (Angular, Node, MongoDB)</li>\n<li>CI/CD</li>\n<li>General troubleshooting</li>\n</ul>\n<p><a href=\"https://www.sixense-group.com/en/offer/platform-solutions/beyond-asset\">More info</a></p>","fields":{"slug":"/beyond-asset/beyond-asset/"},"frontmatter":{"date":"July 30, 2019","title":"Beyond Asset","description":"I created a hook to solve a common problem in React in an elegant way"}}},{"node":{"excerpt":"Wattics Dashboard What is it about ? ⚡ Enterprise Energy Management Software for Smart Meters, Sensors. A user friendly dashboard to monitor…","html":"<h2>Wattics Dashboard</h2>\n<p align=\"center\">\n  <span class=\"gatsby-resp-image-wrapper\" style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 590px; \">\n      <a class=\"gatsby-resp-image-link\" href=\"/static/d1837a8756e443ba69f2506fc4d3e3ca/a6d36/dashboard.png\" style=\"display: block\" target=\"_blank\" rel=\"noopener\">\n    <span class=\"gatsby-resp-image-background-image\" style=\"padding-bottom: 49.32432432432432%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAIAAAA7N+mxAAAACXBIWXMAAAsTAAALEwEAmpwYAAABt0lEQVQoz2VRy47TMBT1/7ED8Q18CGLHhmU3sABpEEICpmSQQLxaddoO0ypM0wG1ajqdNpmqedSNX3Fsx9ykg1TBkWI51z7nXJ+LBs1nZ+fDn65bFIUx2pQGVsY5hU8Iwvhum+R0RygjhIThzWm3d/7jrPX9W7vVQqt1hDHebDYK2EoDR+SS5xL+YJESFEtbQ2vDGbsafF36kzDJgps16p92ev3+ZDJVWltr2ovoi7+24G9tWbPKv9DGqJzjYIqDWe59NDhEF+5wNBrNZjOpFFx1rrdv5mnlY8p/UJurMFgu/Onqt8uzFGlVQFUIzlRpQ9cZDt8tKVTGCVtkAjbmQAXioL0jFl0LY6FTNPYuPM+7mvscpMdNp/3pbQhy7Pll8DnYVW7l7ZsrIa34LhYMwCEUlMYbytg2TXI4/PWhcXz8PrJ28OrB02YnllBTB9YwCZxlSY2KzBiRMoeuq4vjk3sPGyeJtd0Xdx6/7CTF/2QNodeAIwTTozQrZF7F5Tn3HzWc2Nr+0d0nr7up2rd9SN7T9kBZllXyqtDwNBqP5qtYWRUtOpf+ClNKqJRyP7A6vFsyE0QQ/AeeliskFY6jqwAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"></span>\n  <img class=\"gatsby-resp-image-image\" alt=\"dashboard with electricity consumption\" title=\"dashboard with electricity consumption\" src=\"/static/d1837a8756e443ba69f2506fc4d3e3ca/fcda8/dashboard.png\" srcset=\"/static/d1837a8756e443ba69f2506fc4d3e3ca/12f09/dashboard.png 148w,\n/static/d1837a8756e443ba69f2506fc4d3e3ca/e4a3f/dashboard.png 295w,\n/static/d1837a8756e443ba69f2506fc4d3e3ca/fcda8/dashboard.png 590w,\n/static/d1837a8756e443ba69f2506fc4d3e3ca/a6d36/dashboard.png 650w\" sizes=\"(max-width: 590px) 100vw, 590px\" style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\" loading=\"lazy\">\n  </a>\n    </span>\n</p>\n<h3>What is it about ? ⚡</h3>\n<p>Enterprise Energy Management Software for Smart Meters, Sensors. A user friendly dashboard to monitor energy consumption, and extract meaningful information out of tons of data.</p>\n<h3>My participation in this project:</h3>\n<ul>\n<li>Fullstack development (Ruby on Rails, JavaScript, React) with features such as white labeling, costs calculation, localization, …</li>\n<li>UI redesign</li>\n<li>Automatic testing</li>\n</ul>\n<p><a href=\"https://www.wattics.com/\">More info</a></p>","fields":{"slug":"/wattics/wattics/"},"frontmatter":{"date":"July 30, 2017","title":"Wattics","description":"An energy analytics platform"}}}]}},"pageContext":{}},"staticQueryHashes":["2841359383","3145232782"]}