The latest articles on Forem by ollie (@ollie). https://forem.com/ollie https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F105012%2F3107973d-6bc7-41dc-92f5-ec2479c62fe5.png https://forem.com/ollie en ollie Tue, 21 Apr 2020 19:41:54 +0000 https://forem.com/ollie/generate-ascii-faces-17j4 https://forem.com/ollie/generate-ascii-faces-17j4 <p><a href="https://github.com/o8e/ascii-face"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--cdKmhbzd--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://badge.fury.io/js/ascii-face.svg" alt="npm version"></a></p> <p>A silly package I created whilst working on a side project. I needed faces for profile images, and thought why not have a unique set of text-based generated faces.</p> <blockquote> <p>There are 501,600 potential combinations</p> </blockquote> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--esZTv6J0--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://raw.githubusercontent.com/o8e/ascii-face/master/assets/img/example-mono.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--esZTv6J0--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://raw.githubusercontent.com/o8e/ascii-face/master/assets/img/example-mono.png" alt="Standard"></a></p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--GnWe-fwY--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://raw.githubusercontent.com/o8e/ascii-face/master/assets/img/example-color.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--GnWe-fwY--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://raw.githubusercontent.com/o8e/ascii-face/master/assets/img/example-color.png" alt="Colour"></a></p> <h3> Usage </h3> <p>For now it's a default export, so import it however you want.<br> </p> <div class="highlight"><pre class="highlight shell"><code>npm <span class="nb">install </span>ascii-face <span class="nt">-s</span> </code></pre></div> <p>Standard<br> </p> <div class="highlight"><pre class="highlight javascript"><code><span class="k">import</span> <span class="nx">facegen</span> <span class="k">from</span> <span class="dl">'</span><span class="s1">ascii-face</span><span class="dl">'</span> <span class="kd">const</span> <span class="nx">face</span> <span class="o">=</span> <span class="nx">facegen</span><span class="p">()</span> <span class="c1">// ...</span> </code></pre></div> <p>Colour<br> </p> <div class="highlight"><pre class="highlight javascript"><code><span class="k">import</span> <span class="nx">facegen</span> <span class="k">from</span> <span class="dl">'</span><span class="s1">ascii-face</span><span class="dl">'</span> <span class="kd">const</span> <span class="nx">face</span> <span class="o">=</span> <span class="nx">facegen</span><span class="p">(</span><span class="kc">true</span><span class="p">)</span> <span class="c1">// ...</span> </code></pre></div> asciiart html typescript showdev ollie Thu, 26 Sep 2019 10:32:31 +0000 https://forem.com/ollie/node-typescript-boilerplate-w-linting-aliases-testing-3505 https://forem.com/ollie/node-typescript-boilerplate-w-linting-aliases-testing-3505 <p>I found myself continuously writing boilerplate code whenever I wanted to start a Node project. Whether it be an API or an experiment, I always start with this initial building block.</p> <div class="ltag-github-readme-tag"> <div class="readme-overview"> <h2> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--vJ70wriM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://practicaldev-herokuapp-com.freetls.fastly.net/assets/github-logo-ba8488d21cd8ee1fee097b8410db9deaa41d0ca30b004c0c63de0a479114156f.svg" alt="GitHub logo"> <a href="https://github.com/o8e"> o8e </a> / <a href="https://github.com/o8e/node-ts-boilerplate"> node-ts-boilerplate </a> </h2> <h3> ♨️ Node boilerplate with TypeScript </h3> </div> <div class="ltag-github-body"> <div id="readme" class="md"> <h1> ♨️ node-ts-boilerplate</h1> <p>Node boilerplate with TypeScript</p> <p> <a href="https://kbrsh.github.io/license" rel="nofollow"><img src="https://camo.githubusercontent.com/890acbdcb87868b382af9a4b1fac507b9659d9bf/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d4d49542d626c75652e737667" alt="License"></a> </p> <h3> Summary</h3> <ul> <li> 🔨 <a href="https://github.com/eslint/eslint">ESLint</a> &amp; <a href="https://github.com/prettier/prettier">Prettier</a> (<a href="https://github.com/standard/standard">Standard</a>)</li> <li> ⚡ Development server with <a href="https://github.com/remy/nodemon">Nodemon</a> </li> <li> 🚀 <a href="https://github.com/microsoft/TypeScript">TypeScript</a> compilation with import aliases</li> <li> 🔧 Testing with <a href="https://github.com/facebook/jest">Jest</a> </li> </ul> <h3> Usage</h3> <p><code>git clone --depth 1 git@github.com:o8e/node-ts-boilerplate.git</code></p> <p>You could also clone and <code>rm -rf .git/</code>, or just fork it.</p> </div> <br> <br> </div> <br> <div class="gh-btn-container"><a class="gh-btn" href="https://github.com/o8e/node-ts-boilerplate">View on GitHub</a></div> <br> </div> <br> javascript typescript node boilerplate