<?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>DEV Community: Mmontsheng Maoto</title>
    <description>The latest articles on DEV Community by Mmontsheng Maoto (@mmontsheng).</description>
    <link>https://dev.to/mmontsheng</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%2F442199%2Fea62669e-af74-445e-b345-25932b2a17c3.png</url>
      <title>DEV Community: Mmontsheng Maoto</title>
      <link>https://dev.to/mmontsheng</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/mmontsheng"/>
    <language>en</language>
    <item>
      <title>What have you built using the GPT3?</title>
      <dc:creator>Mmontsheng Maoto</dc:creator>
      <pubDate>Tue, 17 Jan 2023 18:29:56 +0000</pubDate>
      <link>https://dev.to/mmontsheng/what-have-you-built-using-the-openai-apis-277k</link>
      <guid>https://dev.to/mmontsheng/what-have-you-built-using-the-openai-apis-277k</guid>
      <description>&lt;p&gt;I built a git tool for developers that utilizes GPT-3 to generate high-quality git commit messages.&lt;/p&gt;

&lt;p&gt;You can check it on git &lt;a href="https://github.com/Mmontsheng/Commit-Mate"&gt;https://github.com/Mmontsheng/Commit-Mate&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Share what you have build&lt;/p&gt;

</description>
      <category>gpt3</category>
      <category>git</category>
      <category>commit</category>
      <category>openai</category>
    </item>
    <item>
      <title>How i use Splitbee to measure web traffic on my website</title>
      <dc:creator>Mmontsheng Maoto</dc:creator>
      <pubDate>Sat, 16 Jul 2022 11:54:04 +0000</pubDate>
      <link>https://dev.to/mmontsheng/how-i-use-splitbee-to-measure-web-traffic-on-my-website-4p1p</link>
      <guid>https://dev.to/mmontsheng/how-i-use-splitbee-to-measure-web-traffic-on-my-website-4p1p</guid>
      <description>&lt;p&gt;Splitbee is a lightweight and easy to use web analytics tool. It allows you to collect stats about your website, such as where visitors came from, how long they stayed, how they found the site and their country. &lt;/p&gt;

&lt;h3&gt;
  
  
  1. Get started
&lt;/h3&gt;

&lt;p&gt;Heard over to &lt;a href="https://splitbee.io/"&gt;splitbee&lt;/a&gt; to create your free account. Sign up for a free account, and add your website on the dashboard.&lt;/p&gt;

&lt;h3&gt;
  
  
  2. Add Splitbee to your website.
&lt;/h3&gt;

&lt;p&gt;Adding Splitbee to your website is easy. Add the following script tag to the &lt;/p&gt; of your website.&lt;br&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="o"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nx"&gt;script&lt;/span&gt; &lt;span class="k"&gt;async&lt;/span&gt; &lt;span class="nx"&gt;src&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;https://cdn.splitbee.io/sb.js&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="o"&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span class="sr"&gt;/script&lt;/span&gt;&lt;span class="err"&gt;&amp;gt;
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;


&lt;p&gt;Ensure your script tag has the &lt;code&gt;async&lt;/code&gt; or &lt;code&gt;defer&lt;/code&gt; attribute.&lt;br&gt;
Navigate to your website, you should now some some stats on your Splitbee dashboard.&lt;/p&gt;

&lt;p&gt;Or even better, if you use &lt;code&gt;NPM&lt;/code&gt; or &lt;code&gt;Yarn&lt;/code&gt;, Splitbee has package called &lt;code&gt;@splitbee/web&lt;/code&gt;.&lt;/p&gt;
&lt;h4&gt;
  
  
  Installation with npm
&lt;/h4&gt;


&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;npm i @splitbee/web
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;h4&gt;
  
  
  Installation with yarn
&lt;/h4&gt;


&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;yarn add @splitbee/web
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;


&lt;p&gt;Initialize splitbee in your &lt;code&gt;main.js&lt;/code&gt; or entry point of your application.&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="nx"&gt;splitbee&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;init&lt;/span&gt;&lt;span class="p"&gt;();&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  3. Event tracking
&lt;/h3&gt;

&lt;p&gt;Splitbee also supports custom events, you can track user actions within your app, such as sign up button click, product purchase/adding to cart.&lt;br&gt;
It is as easy as&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="nx"&gt;splitbee&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;track&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Sign Up&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;If you want to add custom data,&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="nx"&gt;splitbee&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;track&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;CART&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="na"&gt;name&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Added product to cart&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;/code&gt;&lt;/pre&gt;

&lt;/div&gt;





&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="nx"&gt;splitbee&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;track&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;CART&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="na"&gt;name&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Removed product from cart&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;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Thank you for reading, for more information, see the Splitbee &lt;a href="https://splitbee.io/docs"&gt;documentation&lt;/a&gt;. &lt;/p&gt;

</description>
      <category>webdev</category>
      <category>analytics</category>
      <category>splitbee</category>
    </item>
    <item>
      <title>What are you building this weekend</title>
      <dc:creator>Mmontsheng Maoto</dc:creator>
      <pubDate>Sat, 02 Jul 2022 13:05:03 +0000</pubDate>
      <link>https://dev.to/mmontsheng/what-are-you-building-this-weekend-1l54</link>
      <guid>https://dev.to/mmontsheng/what-are-you-building-this-weekend-1l54</guid>
      <description>&lt;p&gt;Comment with what your are working on.&lt;/p&gt;

</description>
      <category>100daysofcode</category>
      <category>coding</category>
      <category>projects</category>
    </item>
    <item>
      <title>My tech stack</title>
      <dc:creator>Mmontsheng Maoto</dc:creator>
      <pubDate>Sat, 25 Jun 2022 13:51:23 +0000</pubDate>
      <link>https://dev.to/mmontsheng/my-tech-stack-4a8c</link>
      <guid>https://dev.to/mmontsheng/my-tech-stack-4a8c</guid>
      <description>&lt;h2&gt;
  
  
  What is a Tech stack?
&lt;/h2&gt;

&lt;p&gt;Tech stack is essentially a curated list of technologies used to build, run and manage applications.&lt;/p&gt;

&lt;p&gt;I am very comfortable to use:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Java/Spring Boot&lt;/li&gt;
&lt;li&gt;Node.js/Express.js&lt;/li&gt;
&lt;li&gt;Vue.js&lt;/li&gt;
&lt;li&gt;Flutter&lt;/li&gt;
&lt;li&gt;Docker&lt;/li&gt;
&lt;li&gt;PostgreSQL&lt;/li&gt;
&lt;li&gt;MySQL&lt;/li&gt;
&lt;li&gt;Python, with google of course, take the internet away, I'm not a python developer 😝
&lt;/li&gt;
&lt;li&gt;Bash scripting&lt;/li&gt;
&lt;li&gt;GitHub/GitLab&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Servers/Routing/Hosting
&lt;/h3&gt;

&lt;p&gt;I prefer &lt;a href="https://www.digitalocean.com"&gt;digital ocean&lt;/a&gt; , as of writing this I am currently using the 2GB droplet.&lt;/p&gt;

&lt;p&gt;I have docker setup on the droplet,  this allows me to run my applications as docker containers. &lt;/p&gt;

&lt;p&gt;To manage all the traffic and routing, I use &lt;a href="https://traefik.io"&gt;traefik&lt;/a&gt;. A very easy to setup reverse proxy. I hope to write a post on how to set it up.&lt;/p&gt;

&lt;p&gt;Upon signing up on digital ocean, you get a public IP address to your server, something like &lt;code&gt;216.58.223.142&lt;/code&gt;, That is so hard to remember, now to link that up with my &lt;a href="https://mmontshengmaoto.dev"&gt;domain&lt;/a&gt;. I bought the domain through Google domains and transferred it to Cloudflare and manange it from there. This allows me to create create a DNS entry for the IP I got from Digital Ocean.&lt;/p&gt;

&lt;p&gt;I love CI/CD, so GitLab was my go to, I use their CI/CD tools, basically create a file, &lt;code&gt;.gitlab-ci.yml&lt;/code&gt; with a list of jobs/steps amongst other things. In a nutshell, CI/CD involves automated testing and release/deploying of source code to users. &lt;br&gt;
I will write more about this.&lt;/p&gt;

&lt;p&gt;That's about it my tech stack.&lt;/p&gt;

</description>
      <category>trafik</category>
      <category>webdev</category>
      <category>devops</category>
    </item>
  </channel>
</rss>
