<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Forem: kenabella</title>
    <description>The latest articles on Forem by kenabella (@jkga).</description>
    <link>https://forem.com/jkga</link>
    <image>
      <url>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%2F241492%2F85fddbc1-14bc-4c51-8afc-350c558be7cc.jpeg</url>
      <title>Forem: kenabella</title>
      <link>https://forem.com/jkga</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/jkga"/>
    <language>en</language>
    <item>
      <title>Read your resume from Github, Gitlab, and Bitbucket all at once</title>
      <dc:creator>kenabella</dc:creator>
      <pubDate>Wed, 24 Mar 2021 18:23:33 +0000</pubDate>
      <link>https://forem.com/jkga/read-your-resume-from-github-gitlab-and-bitbucket-all-at-once-part-1-1b4g</link>
      <guid>https://forem.com/jkga/read-your-resume-from-github-gitlab-and-bitbucket-all-at-once-part-1-1b4g</guid>
      <description>&lt;p&gt;Github: &lt;a href="https://github.com/jkga/json-resume-template" rel="noopener noreferrer"&gt;https://github.com/jkga/json-resume-template&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Q: Have you wrote more than &lt;em&gt;ten(10)&lt;/em&gt; resumes in your lifetime?&lt;/strong&gt;&lt;br&gt;
&lt;strong&gt;Q: Have you edited your resumes ever since?&lt;/strong&gt;&lt;br&gt;
&lt;strong&gt;Q: What year you did you receive your college degree?&lt;/strong&gt;&lt;br&gt;
&lt;strong&gt;Q: Looking for your resume on your computer and it is nowhere to be found?&lt;/strong&gt;&lt;/p&gt;
&lt;h2&gt;
  
  
  If you believe you have those questions on your mind, maybe it is time for you to take a short break and think
&lt;/h2&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;em&gt;resume1.pub&lt;/em&gt;, &lt;em&gt;resume-new.docx&lt;/em&gt;, &lt;em&gt;resume-latest.docx&lt;/em&gt;, &lt;em&gt;myresume&lt;/em&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Almost a year ago, I wrote an article for the dev and non-dev person to help them easily create their own &lt;a href="https://dev.to/jkga/portfolio-generator-built-with-nextjs-json-resume-1cpa"&gt;online portfolio&lt;/a&gt; in just a few minutes.The process was basically forking a repository and editing &lt;code&gt;JSON&lt;/code&gt; file which was structured based on &lt;a href="https://jsonresume.org/" rel="noopener noreferrer"&gt;json-resume&lt;/a&gt;. Setting up is breeze!&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;   &lt;span class="c1"&gt;// Sample JSON-Resume&lt;/span&gt;
    &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;basics&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
      &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;name&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;John Doe&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
      &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;label&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;developer&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
      &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;image&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;https://user-images.githubusercontent.com/...&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
      &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;email&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;johndoe@gmail.com&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
      &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;phone&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;(111) 333-4567&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
      &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;website&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;http://johndoe.com&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
      &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;summary&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Lorem ipsum dolor sit amet, consecte...&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
      &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;location&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
        &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;address&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;22111 Makiling&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
        &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;postalCode&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;4027&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
        &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;city&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Calamba&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
        &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;countryCode&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;PH&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
        &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;region&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Philippines&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;
      &lt;span class="p"&gt;}&lt;/span&gt;
    &lt;span class="p"&gt;}&lt;/span&gt;
  &lt;span class="p"&gt;}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;blockquote&gt;
&lt;p&gt;🔗 &lt;a href="https://github.com/jkga/json-resume-template/blob/master/index.json" rel="noopener noreferrer"&gt;https://github.com/jkga/json-resume-template/blob/master/index.json&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Aside from being pretty easy and straight forward to create, there are are more advantages on this approach   &lt;/p&gt;

&lt;p&gt;✅ Standard format for your resume&lt;br&gt;&lt;br&gt;
✅ Easily track every changes&lt;br&gt;&lt;br&gt;
✅ Stored online and centralized platform&lt;br&gt;&lt;br&gt;
✅ Sharable and Accessible 24/7&lt;br&gt;&lt;br&gt;
✅ Computer program friendly  &lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;💡 A friendly reminder: If possible, please refrain from adding sensitive information.   &lt;/p&gt;

&lt;p&gt;💡 For more info, please visit their official website by clicking &lt;a href="https://jsonresume.org/" rel="noopener noreferrer"&gt;this link&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Though using a &lt;code&gt;json-resume&lt;/code&gt; &lt;strong&gt;offers a lot of benefits&lt;/strong&gt;, it might not be suitable for some instance and there could be a much better approach that will work for you in certain cases. After all, getting started with &lt;code&gt;json-resume&lt;/code&gt; is easy. So why not try?&lt;/p&gt;

&lt;h1&gt;
  
  
  Writing your first JSON-RESUME
&lt;/h1&gt;

&lt;h4&gt;
  
  
  Resume in Github
&lt;/h4&gt;

&lt;p&gt;1.) Fork 🍴this &lt;a href="https://github.com/jkga/json-resume-template" rel="noopener noreferrer"&gt;boiler plate&lt;/a&gt; to your account by clicking the "Use this template" button on the repository page&lt;br&gt;&lt;br&gt;
 &lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fzpz8cog00sxl9nb01g6p.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fzpz8cog00sxl9nb01g6p.png" alt="image"&gt;&lt;/a&gt;   &lt;/p&gt;

&lt;p&gt;2.) Write &lt;code&gt;about.me&lt;/code&gt; on the repository name &lt;br&gt;
&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fnnp4u33nabmuezg3xoxo.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fnnp4u33nabmuezg3xoxo.png" alt="image"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;⚠️ Make sure that your repository name is set to &lt;code&gt;about.me&lt;/code&gt;. Otherwise, you will receive a &lt;code&gt;profile not found&lt;/code&gt; message   &lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;3.) Update &lt;code&gt;index.json&lt;/code&gt; with your personal information &lt;em&gt;(you can do this later)&lt;/em&gt; &lt;/p&gt;

&lt;h4&gt;
  
  
  Other Version Control Platform
&lt;/h4&gt;

&lt;ol&gt;
&lt;li&gt;Create a repository and name it &lt;code&gt;about.me&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;In the recently created repository, make a new file &lt;code&gt;index.json&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;Go to &lt;a href="https://raw.githubusercontent.com/jkga/json-resume-template/master/index.json" rel="noopener noreferrer"&gt;this webpage&lt;/a&gt; and copy all the content&lt;/li&gt;
&lt;li&gt;Paste the content to &lt;code&gt;index.json&lt;/code&gt; then &lt;strong&gt;save&lt;/strong&gt;
&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  Testing
&lt;/h3&gt;

&lt;p&gt;Go to &lt;a href="https://me-web.now.sh" rel="noopener noreferrer"&gt;https://me-web.now.sh/[ 👨your_github_username_here]&lt;/a&gt; to check if everything is working&lt;/p&gt;

&lt;h4&gt;
  
  
  Sample
&lt;/h4&gt;

&lt;p&gt;&lt;a href="https://me-web.now.sh/potvillage" rel="noopener noreferrer"&gt;https://me-web.now.sh/potvillage&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  🎉 🎉 Congratulations for your first JSON-Resume!!! 🎉 🎉
&lt;/h2&gt;

&lt;p&gt;If you have any question or feedback, please type it on the comment box. This is just a short article but I hope you gain some insight on what is &lt;code&gt;json-resume&lt;/code&gt; all about and how can you use it in the future. The next part would showcase a &lt;a href="https://github.com/jkga/opr" rel="noopener noreferrer"&gt;package&lt;/a&gt; that you can use for reading all resumes across different platforms. So please stay tuned! Have a great day ahead and keep safe!&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>webdev</category>
      <category>showdev</category>
      <category>node</category>
    </item>
    <item>
      <title>is-web-monetized</title>
      <dc:creator>kenabella</dc:creator>
      <pubDate>Tue, 12 May 2020 15:56:40 +0000</pubDate>
      <link>https://forem.com/jkga/is-web-monetized-g01</link>
      <guid>https://forem.com/jkga/is-web-monetized-g01</guid>
      <description>&lt;p&gt;While browsing and reading articles here in &lt;code&gt;DEV&lt;/code&gt;, I found this interesting &lt;code&gt;hackathon&lt;/code&gt; on my feed and started to read some resources and amazing ideas/projects of other developers around the globe for this API so called &lt;code&gt;web monetization&lt;/code&gt;. The &lt;code&gt;docs&lt;/code&gt; is straight forward but sadly I'm having a hard time for searching a website that actually use a &lt;code&gt;web monetization&lt;/code&gt;. So..... heres what I did!&lt;/p&gt;

&lt;h2&gt;
  
  
  What I built
&lt;/h2&gt;

&lt;p&gt;💸 I built a very... very... very... simple &lt;code&gt;npm package&lt;/code&gt; to let you easily check if a certain website is web monetized &lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fuser-images.githubusercontent.com%2F10413754%2F81672858-5a001880-947d-11ea-8721-1b0396db9b35.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fuser-images.githubusercontent.com%2F10413754%2F81672858-5a001880-947d-11ea-8721-1b0396db9b35.png" alt="webmonetization.org"&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href="https://webmonetization.org/" rel="noopener noreferrer"&gt;https://webmonetization.org/&lt;/a&gt;&lt;/p&gt;
&lt;h3&gt;
  
  
  Submission Category:
&lt;/h3&gt;

&lt;p&gt;Foundational Technology&lt;/p&gt;
&lt;h2&gt;
  
  
  Demo
&lt;/h2&gt;

&lt;p&gt;You can easily try the tool by installing it globally and running it on your terminal&lt;/p&gt;
&lt;h3&gt;
  
  
  Installation
&lt;/h3&gt;


&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;  npm &lt;span class="nb"&gt;install &lt;/span&gt;is-web-monetized
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;h3&gt;
  
  
  Usage (via CLI)
&lt;/h3&gt;


&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;  monetized https://testwebmonetization.com/demo.html
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;


&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Flt9arcsp62y7rwl0hlkl.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Flt9arcsp62y7rwl0hlkl.gif" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;💡 I want to show it in table format. what do you think?&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h3&gt;
  
  
  Usage (as dependency)
&lt;/h3&gt;


&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;  &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt; &lt;span class="nx"&gt;isWebMonetized&lt;/span&gt; &lt;span class="p"&gt;}&lt;/span&gt; &lt;span class="k"&gt;from&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;is-web-monetized&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;
  &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;url&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;example.com&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;

  &lt;span class="nf"&gt;isWebMonetized&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;url&lt;/span&gt;&lt;span class="p"&gt;).&lt;/span&gt;&lt;span class="nf"&gt;then&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;obj&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="cm"&gt;/*
      {
        monetized &amp;lt;boolean&amp;gt;,
        url &amp;lt;url&amp;gt;,
        content &amp;lt;wallet&amp;gt;,
      }
    */&lt;/span&gt;
    &lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;obj&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
  &lt;span class="p"&gt;}).&lt;/span&gt;&lt;span class="k"&gt;catch&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;err&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;err&lt;/span&gt;&lt;span class="p"&gt;))&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;h2&gt;
  
  
  Link to Code
&lt;/h2&gt;


&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev.to%2Fassets%2Fgithub-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/jkga" rel="noopener noreferrer"&gt;
        jkga
      &lt;/a&gt; / &lt;a href="https://github.com/jkga/is-web-monetized" rel="noopener noreferrer"&gt;
        is-web-monetized
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      A very simple tool for checking if Web Monetization is enabled
    &lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="ltag-github-body"&gt;
    
&lt;div id="readme" class="md"&gt;
&lt;div class="markdown-heading"&gt;
&lt;h1 class="heading-element"&gt;💸 is-web-monetized&lt;/h1&gt;
&lt;/div&gt;
&lt;p&gt;A very simple tool for checking if web monetization is enabled on a certain website&lt;/p&gt;
&lt;p&gt;&lt;a href="https://github.com/standard/standard" rel="noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/8880e84bb48712eb1d069af7480d2dfde3b42a74cfc8ccc31a5ca85b777c26f3/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f436f64652532305374796c652d5374616e646172642532302d677265656e3f7374796c653d666f722d7468652d6261646765266c6f676f3d6a617661736372697074" alt="JavaScript Style Guide"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;div class="markdown-heading"&gt;
&lt;h2 class="heading-element"&gt;What is Web Monetization ?&lt;/h2&gt;
&lt;/div&gt;
&lt;p&gt;&lt;strong&gt;Web Monetization&lt;/strong&gt; is an &lt;strong&gt;API&lt;/strong&gt; that allows websites to request &lt;strong&gt;small payments&lt;/strong&gt; from users facilitated by the browser and the user's Web Monetization provider.&lt;/p&gt;
&lt;p&gt;&lt;a href="https://github.com/jkga/is-web-monetizedwebmonetization.org" rel="noopener noreferrer"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fuser-images.githubusercontent.com%2F10413754%2F81672858-5a001880-947d-11ea-8721-1b0396db9b35.png" alt="webmonetization.org"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;div class="markdown-heading"&gt;
&lt;h3 class="heading-element"&gt;Official Website: &lt;a href="https://webmonetization.org/" rel="nofollow noopener noreferrer"&gt;https://webmonetization.org/&lt;/a&gt;
&lt;/h3&gt;
&lt;/div&gt;
&lt;div class="markdown-heading"&gt;
&lt;h3 class="heading-element"&gt;Specifications: &lt;a href="https://webmonetization.org/specification.html" rel="nofollow noopener noreferrer"&gt;https://webmonetization.org/specification.html&lt;/a&gt;
&lt;/h3&gt;

&lt;/div&gt;
&lt;div class="markdown-heading"&gt;
&lt;h2 class="heading-element"&gt;Installation&lt;/h2&gt;

&lt;/div&gt;
&lt;div class="highlight highlight-source-js notranslate position-relative overflow-auto js-code-highlight"&gt;
&lt;pre&gt;  &lt;span class="pl-s1"&gt;npm&lt;/span&gt; &lt;span class="pl-s1"&gt;install&lt;/span&gt; &lt;span class="pl-s1"&gt;is&lt;/span&gt;&lt;span class="pl-c1"&gt;-&lt;/span&gt;&lt;span class="pl-s1"&gt;web&lt;/span&gt;&lt;span class="pl-c1"&gt;-&lt;/span&gt;&lt;span class="pl-s1"&gt;monetized&lt;/span&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;div class="markdown-heading"&gt;
&lt;h2 class="heading-element"&gt;Usage&lt;/h2&gt;

&lt;/div&gt;
&lt;p&gt;You can check if the website uses the Web Monetization API without going to the website.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;💡 Node module MUST be installed globally&lt;/p&gt;
&lt;/blockquote&gt;
&lt;div class="highlight highlight-source-js notranslate position-relative overflow-auto js-code-highlight"&gt;
&lt;pre&gt;  &lt;span class="pl-s1"&gt;npm&lt;/span&gt; &lt;span class="pl-s1"&gt;install&lt;/span&gt; &lt;span class="pl-s1"&gt;is&lt;/span&gt;&lt;span class="pl-c1"&gt;-&lt;/span&gt;&lt;span class="pl-s1"&gt;web&lt;/span&gt;&lt;span class="pl-c1"&gt;-&lt;/span&gt;&lt;span class="pl-s1"&gt;monetized&lt;/span&gt; &lt;span class="pl-c1"&gt;-&lt;/span&gt;&lt;span class="pl-s1"&gt;g&lt;/span&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;p&gt;In your terminal, run &lt;code&gt;monetized [URL]&lt;/code&gt;&lt;/p&gt;
&lt;div class="highlight highlight-source-shell notranslate position-relative overflow-auto js-code-highlight"&gt;
&lt;pre&gt;  monetized example.com &lt;/pre&gt;

&lt;/div&gt;
&lt;p&gt;or using as a dependency&lt;/p&gt;
&lt;div class="highlight highlight-source-js notranslate position-relative overflow-auto js-code-highlight"&gt;
&lt;pre&gt;  &lt;span class="pl-k"&gt;const&lt;/span&gt; &lt;span class="pl-kos"&gt;{&lt;/span&gt; isWebMonetized &lt;span class="pl-kos"&gt;}&lt;/span&gt; &lt;span class="pl-s1"&gt;from&lt;/span&gt; &lt;span class="pl-s"&gt;'is-web-monetized'&lt;/span&gt;
  &lt;span class="pl-k"&gt;const&lt;/span&gt; &lt;span class="pl-s1"&gt;url&lt;/span&gt; &lt;span class="pl-c1"&gt;=&lt;/span&gt; &lt;span class="pl-s"&gt;'example.com'&lt;/span&gt;
  &lt;span class="pl-en"&gt;isWebMonetized&lt;/span&gt;&lt;span class="pl-kos"&gt;(&lt;/span&gt;&lt;span class="pl-s1"&gt;url&lt;/span&gt;&lt;span class="pl-kos"&gt;)&lt;/span&gt;&lt;span class="pl-kos"&gt;.&lt;/span&gt;&lt;span class="pl-en"&gt;then&lt;/span&gt;&lt;span class="pl-kos"&gt;(&lt;/span&gt;&lt;span class="pl-s1"&gt;obj&lt;/span&gt; &lt;span class="pl-c1"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="pl-kos"&gt;{&lt;/span&gt;
    &lt;span class="pl-c"&gt;/*&lt;/span&gt;
&lt;span class="pl-c"&gt;      {&lt;/span&gt;
&lt;span class="pl-c"&gt;        monetized &amp;lt;boolean&amp;gt;,&lt;/span&gt;
&lt;span class="pl-c"&gt;        url &amp;lt;url&amp;gt;,&lt;/span&gt;
&lt;span class="pl-c"&gt;        content &amp;lt;wallet&amp;gt;,&lt;/span&gt;
&lt;span class="pl-c"&gt;      }&lt;/span&gt;
&lt;span class="pl-c"&gt;    */&lt;/span&gt;
    &lt;span class="pl-smi"&gt;console&lt;/span&gt;&lt;span class="pl-kos"&gt;.&lt;/span&gt;&lt;span class="pl-en"&gt;log&lt;/span&gt;&lt;span class="pl-kos"&gt;(&lt;/span&gt;&lt;span class="pl-s1"&gt;obj&lt;/span&gt;&lt;span class="pl-kos"&gt;)&lt;/span&gt;
  &lt;span class="pl-kos"&gt;}&lt;/span&gt;&lt;span class="pl-kos"&gt;)&lt;/span&gt;&lt;span class="pl-kos"&gt;.&lt;/span&gt;&lt;span class="pl-en"&gt;catch&lt;/span&gt;&lt;span class="pl-kos"&gt;(&lt;/span&gt;&lt;span class="pl-s1"&gt;err&lt;/span&gt; &lt;span class="pl-c1"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="pl-smi"&gt;console&lt;/span&gt;&lt;span class="pl-kos"&gt;.&lt;/span&gt;&lt;/pre&gt;…
&lt;/div&gt;
&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="gh-btn-container"&gt;&lt;a class="gh-btn" href="https://github.com/jkga/is-web-monetized" rel="noopener noreferrer"&gt;View on GitHub&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;


&lt;h2&gt;
  
  
  How I built it
&lt;/h2&gt;

&lt;p&gt;If you recall, I said &lt;strong&gt;SIMPLE&lt;/strong&gt; and it is!. This tool is basically just reads the &lt;code&gt;monetization&lt;/code&gt; meta in a website&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;dependencies&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://github.com/jsdom/jsdom" rel="noopener noreferrer"&gt;jsdom&lt;/a&gt; - for me to easily read the &lt;code&gt;metas&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matthew-andrews/isomorphic-fetch" rel="noopener noreferrer"&gt;isomorphic-fetch&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>gftwhackathon</category>
      <category>showdev</category>
      <category>javascript</category>
      <category>webmonetization</category>
    </item>
    <item>
      <title>I sent a dashboard via curl </title>
      <dc:creator>kenabella</dc:creator>
      <pubDate>Sat, 25 Apr 2020 16:26:05 +0000</pubDate>
      <link>https://forem.com/jkga/i-sent-a-dashboard-via-curl-4po3</link>
      <guid>https://forem.com/jkga/i-sent-a-dashboard-via-curl-4po3</guid>
      <description>&lt;blockquote&gt;
&lt;p&gt;Disclaimer: I am one of the members of &lt;a href="https://github.com/trackercli"&gt;tracker-cli&lt;/a&gt; team   &lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;I've been using &lt;a href="https://github.com/yaronn/blessed-contrib"&gt;blessed-contrib&lt;/a&gt; for creating an interactive dashboard and its really cool! It has many widgets to play and much faster to integrate than implementing my own  blessed components. However, to make it visible to someones screen, they need to clone the repository, or install via npm, etc.. etc.. And for me, doing it for 3 or more projects within the day is exhausting. IMHO, its not always necessary to make everything interactive &lt;/p&gt;

&lt;p&gt;And so... we want it to be different!&lt;/p&gt;

&lt;p&gt;We send a static blessed dashboard via &lt;code&gt;CURL&lt;/code&gt;. Yes you heard it right &lt;code&gt;CURL&lt;/code&gt;! We implemented it on &lt;a href="https://github.com/trackercli/covid19-tracker-cli"&gt;covid19-tracker-cli&lt;/a&gt; and its awesome (well maybe just in my viewpoint? 😄)&lt;/p&gt;

&lt;h3&gt;
  
  
  Try it on your terminal
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;   curl &lt;span class="nt"&gt;-L&lt;/span&gt; dev.covid19.trackercli.com/history/charts/us
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--Uq4tiA31--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/yye9cygbg0kx2s08m1w8.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Uq4tiA31--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/yye9cygbg0kx2s08m1w8.gif" alt="dashboard for small device"&gt;&lt;/a&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;   curl &lt;span class="nt"&gt;-L&lt;/span&gt; dev.covid19.trackercli.com/history/charts/us/md
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--NpFP7Osi--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://user-images.githubusercontent.com/10413754/79240885-e92d0700-7ea4-11ea-82c6-eeb97cde4227.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--NpFP7Osi--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://user-images.githubusercontent.com/10413754/79240885-e92d0700-7ea4-11ea-82c6-eeb97cde4227.png" alt="medium device"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Note: It's currently available in dev branch.&lt;/p&gt;

&lt;p&gt;Team Members: &lt;a class="comment-mentioned-user" href="https://dev.to/warengonzaga"&gt;@warengonzaga&lt;/a&gt;
 &lt;a class="comment-mentioned-user" href="https://dev.to/ianvizarra"&gt;@ianvizarra&lt;/a&gt;
 &lt;a class="comment-mentioned-user" href="https://dev.to/jkga"&gt;@jkga&lt;/a&gt;
&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;&lt;strong&gt;Update:&lt;/strong&gt;  you can now view the latest stat directly in your browser&lt;br&gt;
&lt;a href="https://covid19-tracker-cli-21t7uvea5.vercel.app/history/web/charts/us"&gt;https://covid19-tracker-cli-21t7uvea5.vercel.app/history/web/charts/us&lt;/a&gt;   &lt;/p&gt;

</description>
      <category>javascript</category>
      <category>node</category>
      <category>bash</category>
      <category>showdev</category>
    </item>
    <item>
      <title>Portfolio generator built with NextJS + JSON Resume</title>
      <dc:creator>kenabella</dc:creator>
      <pubDate>Sat, 25 Apr 2020 06:30:59 +0000</pubDate>
      <link>https://forem.com/jkga/portfolio-generator-built-with-nextjs-json-resume-1cpa</link>
      <guid>https://forem.com/jkga/portfolio-generator-built-with-nextjs-json-resume-1cpa</guid>
      <description>&lt;p&gt;Github Repository: &lt;a href="https://github.com/jkga/me"&gt;https://github.com/jkga/me&lt;/a&gt; &lt;/p&gt;

&lt;p&gt;If you are unfamiliar with JSON Resume, it is an open source initiative to create a JSON-based standard for resumes. It allows us to share our personal information to someone else without worrying the actual design, just links and texts. It also been used by hundreds or even thousands of online resume generators out there where you can just download things in PDF format.&lt;/p&gt;

&lt;p&gt;But is it enough? The answer is: Well it depends. &lt;/p&gt;

&lt;p&gt;Nowadays, a lot of recruiters are not just looking on your resume. They also look on the &lt;strong&gt;projects you created or contributed to&lt;/strong&gt;. They are looking on our personal website! But there is a really big problem, do we have one? I bet there are so many developers that have no personal site, either because of time constraints or have no interest at all.&lt;/p&gt;

&lt;p&gt;Now this is how this project is trying to solve. Providing you something that is ready to use and only requires a few minutes to set up,  customizable (not WYSIWYG), and could be deploy on your own hosting provider.&lt;/p&gt;

&lt;p&gt;Let's welcome &lt;strong&gt;"ME"&lt;/strong&gt; ! A next-gen JAMSTACK template for developers that leverage the use of &lt;code&gt;JSON Resume&lt;/code&gt; in creating a web based vitae and portfolio. It is built on top of &lt;code&gt;nextJS&lt;/code&gt; and &lt;code&gt;react semantic ui&lt;/code&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  "Me" as a service. What?!
&lt;/h3&gt;

&lt;p&gt;There is a ready made portfolio that isa accessible on this &lt;a href="https://me-web.now.sh"&gt;website&lt;/a&gt;. Just make sure you do the following&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Go to this &lt;a href="https://github.com/jkga/json-resume-template"&gt;repository&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Look for the green button "Use this as a template"
&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--vWsXEd8w--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://user-images.githubusercontent.com/10413754/80201503-d4940000-8656-11ea-9ce9-bae19f70cc00.png" alt="screenshot"&gt;
&lt;/li&gt;
&lt;li&gt;Name your repo &lt;code&gt;about.me&lt;/code&gt;
&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--7NPwaWf6--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://user-images.githubusercontent.com/10413754/80216230-53496700-8670-11ea-87ca-64230825a666.png" alt="repo name"&gt;
&lt;em&gt;(UPDATE: your jsonresume will now work even without renaming the forked repository, but we still recommend doing so)&lt;/em&gt;
&lt;/li&gt;
&lt;li&gt;Visit &lt;a href="https://me-web.now.sh/your-github-username-here"&gt;https://me-web.now.sh/your-github-username-here&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Have some tea!&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--dTEAf2os--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://user-images.githubusercontent.com/10413754/79752457-e9b31b00-8346-11ea-81df-4401a5ea3773.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--dTEAf2os--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://user-images.githubusercontent.com/10413754/79752457-e9b31b00-8346-11ea-81df-4401a5ea3773.png" alt="default theme"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;💡 For those who are trying to view their profile after they &lt;code&gt;forked&lt;/code&gt; the &lt;a href="https://github.com/jkga/json-resume-template"&gt;json-resume-template&lt;/a&gt;. Make sure you rename it to &lt;code&gt;about.me&lt;/code&gt; otherwise your profile will not be visible.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h3&gt;
  
  
  As a template
&lt;/h3&gt;

&lt;p&gt;Are you are someone who preferred to work on scratch or minimum boiler plate? Don!t worry, you can modify existing layout and even create a new &lt;code&gt;pluggable  template&lt;/code&gt;. You can also use other &lt;code&gt;react-ui framework&lt;/code&gt; as you wish&lt;/p&gt;

&lt;p&gt;Please follow the &lt;a href="https://me-docs.now.sh/#/template/?id=creating-template"&gt;docs&lt;/a&gt; for instructions or send me a private message to guide you&lt;/p&gt;

&lt;h3&gt;
  
  
  PS: ❤️ ❤️ Just want to thank you all who showed interest in my project! Wishing you a good and very productive day!
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://me-web.now.sh/"&gt;https://me-web.now.sh/&lt;/a&gt;&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>webdev</category>
      <category>react</category>
      <category>showdev</category>
    </item>
  </channel>
</rss>
