<?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: Visarut Phusua</title>
    <description>The latest articles on Forem by Visarut Phusua (@aofdev).</description>
    <link>https://forem.com/aofdev</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%2F60554%2F0d12e0bd-6429-4498-860f-086293e3d3ea.jpg</url>
      <title>Forem: Visarut Phusua</title>
      <link>https://forem.com/aofdev</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/aofdev"/>
    <language>en</language>
    <item>
      <title>A boilerplate for fiber versioning</title>
      <dc:creator>Visarut Phusua</dc:creator>
      <pubDate>Thu, 14 Oct 2021 10:02:28 +0000</pubDate>
      <link>https://forem.com/aofdev/a-boilerplate-for-fiber-versioning-2ng9</link>
      <guid>https://forem.com/aofdev/a-boilerplate-for-fiber-versioning-2ng9</guid>
      <description>&lt;p&gt;👋 Hello! I just created a boilerplate, clean architecture, API versioning, data versioning. Any feedback is welcome!&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%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fpqw6aagpv154xvl0lhm0.gif" class="article-body-image-wrapper"&gt;&lt;img alt="demo" 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%2Fpqw6aagpv154xvl0lhm0.gif"&gt;&lt;/a&gt;
&lt;/p&gt;

&lt;h2&gt;
  
  
  Features ✨
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;API Versioning&lt;/li&gt;
&lt;li&gt;Data Versioning&lt;/li&gt;
&lt;li&gt;Dynamic Struct Type&lt;/li&gt;
&lt;li&gt;Clean Architecture&lt;/li&gt;
&lt;li&gt;Postman Collections&lt;/li&gt;
&lt;li&gt;API Documentation with swagger&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Project structure 📁
&lt;/h2&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;api
  ├── adapters
  │  └── mongo.go
  ├── app.go
  ├── handlers
  │  ├── errors.go
  │  ├── parser_body.go
  │  └── response.go
  ├── utilities
  │  ├── configuration.go
  │  └── converter.go
  └── versions
    ├── v1
    │  ├── entities
    │  ├── factories
    │  ├── repositories
    │  ├── routes
    │  └── usecases
    └── v2
        ├── entities
        ├── factories
        ├── repositories
        ├── routes
        └── usecases

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h4&gt;
  
  
  Here is my GitHub link for this project:
&lt;/h4&gt;

&lt;p&gt;&lt;a href="https://github.com/aofdev/fiber-versioning-boilerplate" rel="noopener noreferrer"&gt;https://github.com/aofdev/fiber-versioning-boilerplate&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Thank you for reading my post 😊&lt;br&gt;
Thanks! Don't forget to give a ♥️ and follow :)&lt;/p&gt;

</description>
      <category>go</category>
      <category>fiber</category>
      <category>api</category>
      <category>showdev</category>
    </item>
    <item>
      <title>A check for Cryptocurrency Prices 💸 on VS Code</title>
      <dc:creator>Visarut Phusua</dc:creator>
      <pubDate>Tue, 04 May 2021 12:48:48 +0000</pubDate>
      <link>https://forem.com/aofdev/a-check-for-cryptocurrency-prices-on-vs-code-5h16</link>
      <guid>https://forem.com/aofdev/a-check-for-cryptocurrency-prices-on-vs-code-5h16</guid>
      <description>&lt;p&gt;Welcome to Cointy, a vs code extension for checks cryptocurrency prices as you code.&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%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjbz7xylo1heo59gh1lge.gif" class="article-body-image-wrapper"&gt;&lt;img alt="demo-vscode-cointy" 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%2Fjbz7xylo1heo59gh1lge.gif"&gt;&lt;/a&gt;
&lt;/p&gt;

&lt;h2&gt;
  
  
  Features ✨
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Top 100 Crypto Coins by Market Capitalization.&lt;/li&gt;
&lt;li&gt;Using &lt;a href="https://www.coingecko.com/" rel="noopener noreferrer"&gt;CoinGecko&lt;/a&gt; and &lt;a href="https://coinmarketcap.com/" rel="noopener noreferrer"&gt;CoinMarketCap&lt;/a&gt; to retrieve the current cryptocurrency prices.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Customization 🎨
&lt;/h2&gt;

&lt;p&gt;You can customize using CoinMarketCap API for the Cointy extension settings.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight json"&gt;&lt;code&gt;&lt;span class="err"&gt;//&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;Specify&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;your&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;CoinMarketCap&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;API&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;key&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;span class="nl"&gt;"cointy.coinmarketcap.apiKey"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"YOUR_API_KEY"&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;VS Code Extension: &lt;a href="https://marketplace.visualstudio.com/items?itemName=aofdev.cointy" rel="noopener noreferrer"&gt;Cointy&lt;/a&gt;&lt;br&gt;
Source Code: &lt;a href="https://github.com/aofdev/vscode-cointy" rel="noopener noreferrer"&gt;https://github.com/aofdev/vscode-cointy&lt;/a&gt;&lt;/p&gt;

</description>
      <category>vscode</category>
      <category>productivity</category>
      <category>opensource</category>
      <category>cryptocurrency</category>
    </item>
    <item>
      <title>Vue templates for Firebase Auth 🔥</title>
      <dc:creator>Visarut Phusua</dc:creator>
      <pubDate>Thu, 26 Jul 2018 10:53:35 +0000</pubDate>
      <link>https://forem.com/aofdev/vue-templates-for-firebase-auth--30n2</link>
      <guid>https://forem.com/aofdev/vue-templates-for-firebase-auth--30n2</guid>
      <description>&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%2Fi.imgur.com%2F5AnRW5j.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%2Fi.imgur.com%2F5AnRW5j.png" alt="alt tag"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Simplified Firebase authentication for vue projects with support for Facebook &amp;amp; Google login &amp;amp; Github &amp;amp; Twitter and with support  Progressive Web Apps&lt;/p&gt;

&lt;h2&gt;
  
  
  Config
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Step 1
&lt;/h3&gt;

&lt;p&gt;Firebase Auth Provides Method Email/Password,Google,Facebook,Github,Twitter Enabled  &lt;a href="https://console.firebase.google.com/" rel="noopener noreferrer"&gt;Firebase console&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 2
&lt;/h3&gt;

&lt;p&gt;Initialize Firebase At &lt;code&gt;main.js&lt;/code&gt; &lt;a href="https://console.firebase.google.com/" rel="noopener noreferrer"&gt;Firebase Credentials&lt;/a&gt;&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;firebase&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;initializeApp&lt;/span&gt;&lt;span class="p"&gt;({&lt;/span&gt;
    &lt;span class="na"&gt;apiKey&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;''&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="na"&gt;authDomain&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;''&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="na"&gt;databaseURL&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;''&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="na"&gt;projectId&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;''&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="na"&gt;storageBucket&lt;/span&gt;&lt;span class="p"&gt;:&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;h2&gt;
  
  
  Installation
&lt;/h2&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="c"&gt;# Git Clone Project&lt;/span&gt;
git clone git@github.com:aofdev/vue-firebase-auth-vuex.git

&lt;span class="c"&gt;# Cd project&lt;/span&gt;
&lt;span class="nb"&gt;cd &lt;/span&gt;vue-firebase-auth-vuex

&lt;span class="c"&gt;# install dependencies&lt;/span&gt;
npm &lt;span class="nb"&gt;install&lt;/span&gt; &lt;span class="o"&gt;||&lt;/span&gt; yarn &lt;span class="nb"&gt;install&lt;/span&gt;

&lt;span class="c"&gt;# serve with hot reload at localhost:8080&lt;/span&gt;
npm run dev &lt;span class="o"&gt;||&lt;/span&gt; yarn dev

&lt;span class="c"&gt;# build for production with minification and to build Progressive Web Apps&lt;/span&gt;
npm run build &lt;span class="o"&gt;||&lt;/span&gt; yarn build

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;Source Code:&lt;/strong&gt; &lt;a href="https://github.com/aofdev/vue-firebase-auth-vuex" rel="noopener noreferrer"&gt;vue-firebase-auth-vuex&lt;/a&gt;&lt;/p&gt;

</description>
      <category>vue</category>
      <category>firebase</category>
      <category>authentication</category>
      <category>pwa</category>
    </item>
  </channel>
</rss>
