<?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: Vuelancer</title>
    <description>The latest articles on DEV Community by Vuelancer (@vuelancer).</description>
    <link>https://dev.to/vuelancer</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%2F201592%2F5357e3eb-61f0-44f7-9b24-8a700ea2a026.jpg</url>
      <title>DEV Community: Vuelancer</title>
      <link>https://dev.to/vuelancer</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/vuelancer"/>
    <language>en</language>
    <item>
      <title>Where Should You Deploy In 2026?</title>
      <dc:creator>Vuelancer</dc:creator>
      <pubDate>Wed, 24 Dec 2025 12:43:18 +0000</pubDate>
      <link>https://dev.to/vuelancer/2026-free-resources-for-web-development-hoisting-3j2a</link>
      <guid>https://dev.to/vuelancer/2026-free-resources-for-web-development-hoisting-3j2a</guid>
      <description>&lt;p&gt;Looking for the top free resources for web deployment in 2026? We've tested and compiled the best platforms, tools, and guides to get your site live at zero cost.&lt;/p&gt;

&lt;p&gt;Checkout my youtube channel - &lt;a href="https://www.youtube.com/channel/UC0hmXRqXYVO0mocVt5D3GkQ" rel="noopener noreferrer"&gt;Vuelancer&lt;/a&gt; and press all the buttons!&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Railway - &lt;a href="https://railway.com" rel="noopener noreferrer"&gt;https://railway.com&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Netlify - &lt;a href="https://netlify.com" rel="noopener noreferrer"&gt;https://netlify.com&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Vercel - &lt;a href="https://vercel.com" rel="noopener noreferrer"&gt;https://vercel.com&lt;/a&gt; &lt;/li&gt;
&lt;li&gt;Firebase - &lt;a href="https://firebase.com" rel="noopener noreferrer"&gt;https://firebase.com&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Supabase - &lt;a href="https://supabase.com" rel="noopener noreferrer"&gt;https://supabase.com&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Surge - &lt;a href="https://surge.sh" rel="noopener noreferrer"&gt;https://surge.sh&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Render - &lt;a href="https://render.com" rel="noopener noreferrer"&gt;https://render.com&lt;/a&gt; &lt;/li&gt;
&lt;li&gt;Wasmer - &lt;a href="https://wasmer.io/" rel="noopener noreferrer"&gt;https://wasmer.io/&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Deno deploy - &lt;a href="https://deno.com/deploy" rel="noopener noreferrer"&gt;https://deno.com/deploy&lt;/a&gt; - Site for deploying for apps created using deno.&lt;/li&gt;
&lt;li&gt;Stormkit - &lt;a href="https://stormkit.io" rel="noopener noreferrer"&gt;https://stormkit.io&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Commonshot - &lt;a href="https://commons.host%E2%80%8A-" rel="noopener noreferrer"&gt;https://commons.host -&lt;/a&gt; Static web hosting and CDN.&lt;/li&gt;
&lt;li&gt;Heliohost - &lt;a href="https://heliohost.org" rel="noopener noreferrer"&gt;https://heliohost.org&lt;/a&gt; - PHP, Ruby on rails, perl, django, java(jsp)&lt;/li&gt;
&lt;li&gt;Fast - &lt;a href="https://fast.io" rel="noopener noreferrer"&gt;https://fast.io&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Cloudflare pages - &lt;a href="https://pages.cloudflare.com" rel="noopener noreferrer"&gt;https://pages.cloudflare.com&lt;/a&gt; - Static frontend hosting provider&lt;/li&gt;
&lt;li&gt;Qoddi - &lt;a href="https://qoddi.com/" rel="noopener noreferrer"&gt;https://qoddi.com/&lt;/a&gt; - PaaS App Hosting Platform&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;NOTE:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Most of the free hosting providers fail to give free plans after few months itself, because of their business model and competitions in this industry. &lt;/li&gt;
&lt;li&gt;Also, the past few years interest rates are very low, and because of that many startups gave free plans, but now interest rates are at its high. So, dont expect startups to provide free plans forever. But we can start our development journey with free plans, but in future we have to be ready to pay and get resources.&lt;/li&gt;
&lt;/ul&gt;

&lt;h1&gt;
  
  
  Premium providers
&lt;/h1&gt;

&lt;ul&gt;
&lt;li&gt;AWS&lt;/li&gt;
&lt;li&gt;GCP&lt;/li&gt;
&lt;li&gt;Digitalocean&lt;/li&gt;
&lt;li&gt;Microsoft Azure&lt;/li&gt;
&lt;li&gt;Vultr&lt;/li&gt;
&lt;li&gt;Alibaba Cloud&lt;/li&gt;
&lt;li&gt;Linode&lt;/li&gt;
&lt;/ul&gt;

&lt;h1&gt;
  
  
  Final thoughts
&lt;/h1&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Use &lt;strong&gt;VERCEL&lt;/strong&gt; for any front-end application as well as medium-level backend apps.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;For backend, I'm really not sure maybe &lt;strong&gt;railway&lt;/strong&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Other websites are also useful when you are deploying static sites. But I recommend you to go through each website and find which one suits your project. &lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;




&lt;h3&gt;
  
  
  Some of my youtube videos
&lt;/h3&gt;

&lt;p&gt;

  &lt;iframe src="https://www.youtube.com/embed/Tdx8RBmvqiQ"&gt;
  &lt;/iframe&gt;


&lt;br&gt;


  &lt;iframe src="https://www.youtube.com/embed/x0Boemw9teU"&gt;
  &lt;/iframe&gt;


&lt;br&gt;


  &lt;iframe src="https://www.youtube.com/embed/_1tpxFcpCBI"&gt;
  &lt;/iframe&gt;


&lt;/p&gt;

&lt;h3&gt;
  
  
  Support Me
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://www.youtube.com/channel/UC0hmXRqXYVO0mocVt5D3GkQ" rel="noopener noreferrer"&gt;Youtube - Vuelancer&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://github.com/vuelancer" rel="noopener noreferrer"&gt;Github - Vuelancer&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://scrimba.com/@selvakumardhivakar" rel="noopener noreferrer"&gt;Scrimba&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://patreon.com/vuelancer" rel="noopener noreferrer"&gt;Vuelancer - Patreon&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>react</category>
      <category>vue</category>
      <category>angular</category>
      <category>programming</category>
    </item>
    <item>
      <title>Does Procrastination Kill Your Career?</title>
      <dc:creator>Vuelancer</dc:creator>
      <pubDate>Tue, 21 Jan 2025 08:30:54 +0000</pubDate>
      <link>https://dev.to/vuelancer/does-procrastination-kill-our-career-5con</link>
      <guid>https://dev.to/vuelancer/does-procrastination-kill-our-career-5con</guid>
      <description>&lt;p&gt;It is. It always does.&lt;/p&gt;

&lt;p&gt;That's it. Don't waste your time reading or watching content related to this to check what will happen. That’s just procrastination too.&lt;/p&gt;

&lt;p&gt;Bye!&lt;/p&gt;

</description>
      <category>career</category>
      <category>careerdevelopment</category>
      <category>productivity</category>
      <category>discuss</category>
    </item>
    <item>
      <title>How to Go Deeper With Your Learning</title>
      <dc:creator>Vuelancer</dc:creator>
      <pubDate>Mon, 09 Dec 2024 12:23:34 +0000</pubDate>
      <link>https://dev.to/vuelancer/how-to-go-deeper-with-your-learning-43bm</link>
      <guid>https://dev.to/vuelancer/how-to-go-deeper-with-your-learning-43bm</guid>
      <description>&lt;h3&gt;
  
  
  Mistakes from my own experience:
&lt;/h3&gt;

&lt;p&gt;I was making the mistake of shifting my focus to every new technology, and it significantly affected my ability to improve core skills.&lt;/p&gt;

&lt;p&gt;I recommend focusing your attention on one technology or programming language at a time. &lt;strong&gt;Avoid speculating about future trends and the potential outcomes of your choices.&lt;/strong&gt; Instead, concentrate on building a strong foundation in your chosen area.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Build Real Projects:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Avoid To-Do Apps:&lt;/strong&gt; Instead of building simple to-do apps, choose projects that align with your interests and have real-world applications.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Embrace Challenges:&lt;/strong&gt; By tackling complex projects, you'll encounter edge cases and limitations that force you to delve deeper into the underlying concepts.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Learn by Doing:&lt;/strong&gt; Practical experience is invaluable. Building projects allows you to apply your knowledge and identify areas where you need further improvement.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Read the Documentation:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Understand the Basics:&lt;/strong&gt; Thoroughly read the official documentation to gain a solid foundation in the tools and frameworks you're using.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Explore Code Examples:&lt;/strong&gt; Pay attention to code examples provided in the documentation. They can help you understand how to implement concepts effectively.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Identify Anti-Patterns:&lt;/strong&gt; Be aware of common pitfalls and mistakes highlighted in the documentation.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Read the Source Code:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Dive into the Internals:&lt;/strong&gt; By examining the source code of libraries and frameworks, you can gain insights into their design and implementation.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Learn from Experienced Developers:&lt;/strong&gt; Observe how experienced developers structure their code and solve problems.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Contribute to Open-Source Projects:&lt;/strong&gt; Actively participating in open-source projects can provide hands-on experience and opportunities to learn from others.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Consume High-Quality Content:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Watch Conference Talks:&lt;/strong&gt; Conference talks often provide in-depth explanations and insights from domain experts.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Read Blogs and Articles:&lt;/strong&gt; Stay updated with the latest trends and best practices by following relevant blogs and articles.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Join Online Communities:&lt;/strong&gt; Engage with other developers on platforms like Discord and Reddit to learn from their experiences and ask questions.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Seek Mentorship and Ask Questions:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Find a Mentor:&lt;/strong&gt; A mentor can provide guidance, feedback, and support as you progress in your learning journey.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Ask Thought-Provoking Questions:&lt;/strong&gt; Don't be afraid to ask questions, even if they seem basic.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Participate in Online Forums:&lt;/strong&gt; Actively participate in online forums and communities to share knowledge and learn from others.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;[will be updated if needed in future!]&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>programming</category>
      <category>beginners</category>
      <category>productivity</category>
    </item>
    <item>
      <title>Deno Deploy: Deploy a React App</title>
      <dc:creator>Vuelancer</dc:creator>
      <pubDate>Sun, 27 Oct 2024 11:56:05 +0000</pubDate>
      <link>https://dev.to/vuelancer/deno-deploy-deploy-a-react-app-ke2</link>
      <guid>https://dev.to/vuelancer/deno-deploy-deploy-a-react-app-ke2</guid>
      <description>&lt;p&gt;Deploying a react application using Deno Deploy is very simple if you have created an account in deno deploy (&lt;a href="https://deno.com/deploy" rel="noopener noreferrer"&gt;https://deno.com/deploy&lt;/a&gt;)&lt;/p&gt;

&lt;p&gt;Created a youtube video showing how to deploy react app in deno deploy. &lt;/p&gt;

&lt;p&gt;website url: &lt;a href="https://vuelancer-blog.deno.dev/" rel="noopener noreferrer"&gt;https://vuelancer-blog.deno.dev/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/bTUCdaFidYc"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Create a react application using vite (vite.dev)
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;npm create vite@latest
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;ul&gt;
&lt;li&gt;Run build command to generate simple html, css, js files to deploy after your development process
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;npm run build
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;ul&gt;
&lt;li&gt;Run the below command inside &lt;code&gt;dist&lt;/code&gt; folder to deploy the static files to deno deploy
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;deployctl deploy &lt;span class="nt"&gt;--project&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&amp;lt;project-name&amp;gt; https://jsr.io/@std/http/1.0.9/file_server.ts
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;ul&gt;
&lt;li&gt;A new project will be created in deno deploy, and the files will be deployed in dev &amp;amp; prod domains.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Note:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;After first deployment, all the deployments will happen only on dev domain, we have to manually promote the deployment to production&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;If any findings/doubts, please feel free to comment&lt;/p&gt;

&lt;p&gt;Happy coding!&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>javascript</category>
      <category>programming</category>
      <category>react</category>
    </item>
    <item>
      <title>Learn Elasticsearch</title>
      <dc:creator>Vuelancer</dc:creator>
      <pubDate>Tue, 15 Oct 2024 06:20:42 +0000</pubDate>
      <link>https://dev.to/vuelancer/elasticsearch-intro-458h</link>
      <guid>https://dev.to/vuelancer/elasticsearch-intro-458h</guid>
      <description>&lt;p&gt;Elasticsearch is a powerful open-source search and analytics engine built on the Apache Lucene library. It is designed to handle large volumes of data and perform complex searches efficiently.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Key features and capabilities of Elasticsearch include:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Distributed architecture:&lt;/strong&gt; Elasticsearch is a distributed system that can be scaled horizontally to handle large amounts of data and traffic.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Near real-time search:&lt;/strong&gt; Elasticsearch can index and search data in near real-time, making it ideal for applications that require fast search results.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Schema-free JSON documents:&lt;/strong&gt; Elasticsearch stores data in JSON documents, which are flexible and easy to work with.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Full-text search:&lt;/strong&gt; Elasticsearch supports full-text search, allowing you to search for text within documents.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Analytics capabilities:&lt;/strong&gt; Elasticsearch provides a variety of analytics capabilities, including aggregation, filtering, and sorting.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Integration with other tools:&lt;/strong&gt; Elasticsearch can be integrated with other tools, such as Kibana for visualization and Logstash for data ingestion.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Common use cases for Elasticsearch include:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Log analysis:&lt;/strong&gt; Elasticsearch is commonly used for analyzing logs from applications, servers, and other systems.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;E-commerce search:&lt;/strong&gt; Elasticsearch can be used to power search engines for e-commerce websites.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Security analytics:&lt;/strong&gt; Elasticsearch can be used to analyze security data to detect threats.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Business analytics:&lt;/strong&gt; Elasticsearch can be used to analyze business data to gain insights.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;If you are looking for a powerful and flexible search and analytics engine, Elasticsearch is a great option.&lt;/p&gt;

</description>
      <category>elasticsearch</category>
      <category>webdev</category>
      <category>beginners</category>
      <category>javascript</category>
    </item>
    <item>
      <title>Hono - Introduction</title>
      <dc:creator>Vuelancer</dc:creator>
      <pubDate>Fri, 11 Oct 2024 07:22:07 +0000</pubDate>
      <link>https://dev.to/vuelancer/creating-a-hono-nodejs-api-a-step-by-step-guide-97j</link>
      <guid>https://dev.to/vuelancer/creating-a-hono-nodejs-api-a-step-by-step-guide-97j</guid>
      <description>&lt;p&gt;&lt;strong&gt;Introduction&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Hono is a lightweight, flexible, and efficient Node.js web framework designed for building modern APIs. Its minimalistic approach and powerful features make it a popular choice for developers seeking a streamlined development experience.&lt;/p&gt;

&lt;p&gt;In this blog post, we'll guide you through the process of setting up and creating your first Hono Node.js API.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Prerequisites&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Before we begin, ensure you have the following installed on your system:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Node.js and npm (or yarn):&lt;/strong&gt; Download and install the latest versions from &lt;a href="https://nodejs.org/en" rel="noopener noreferrer"&gt;https://nodejs.org/en&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;A code editor:&lt;/strong&gt; Choose your preferred editor, such as Visual Studio Code, Sublime Text, or Atom.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Step 1: Create a New Project&lt;/strong&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Open your terminal or command prompt.&lt;/li&gt;
&lt;li&gt;Navigate to the desired project directory.&lt;/li&gt;
&lt;li&gt;Create a new project folder:
&lt;/li&gt;
&lt;/ol&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;   &lt;span class="nb"&gt;mkdir &lt;/span&gt;hono-api
   &lt;span class="nb"&gt;cd &lt;/span&gt;hono-api
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;Step 2: Initialize the Project&lt;/strong&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Initialize a new Node.js project:
&lt;/li&gt;
&lt;/ol&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;   npm init &lt;span class="nt"&gt;-y&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;Step 3: Install Hono&lt;/strong&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Install Hono as a dependency:
&lt;/li&gt;
&lt;/ol&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;hono
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;Step 4: Create the Main Server File&lt;/strong&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Create a new file named &lt;code&gt;index.js&lt;/code&gt; in your project directory.&lt;/li&gt;
&lt;li&gt;Add the following code to &lt;code&gt;index.js&lt;/code&gt;:
&lt;/li&gt;
&lt;/ol&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;Hono&lt;/span&gt; &lt;span class="p"&gt;}&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nf"&gt;require&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;hono&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;

   &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;app&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="k"&gt;new&lt;/span&gt; &lt;span class="nc"&gt;Hono&lt;/span&gt;&lt;span class="p"&gt;();&lt;/span&gt;

   &lt;span class="nx"&gt;app&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;get&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;/&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="nx"&gt;c&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
     &lt;span class="nx"&gt;c&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;send&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Hello, Hono!&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="nx"&gt;app&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;listen&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="mi"&gt;3000&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="p"&gt;()&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="p"&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="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Server listening on port 3000&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;This code sets up a basic Hono application with a single GET route that responds with "Hello, Hono!"&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Step 5: Run the Server&lt;/strong&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;In your terminal, execute the following command to start the server:
&lt;/li&gt;
&lt;/ol&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;   node index.js
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;Testing the API&lt;/strong&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Open your web browser and navigate to &lt;code&gt;http://localhost:3000&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;You should see the message "Hello, Hono!" displayed in your browser.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;strong&gt;Additional Considerations&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Routing:&lt;/strong&gt; Hono provides flexible routing mechanisms to handle different HTTP methods and paths.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Middleware:&lt;/strong&gt; You can use middleware functions to perform tasks before or after request handling.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Error Handling:&lt;/strong&gt; Implement error handling to gracefully handle exceptions and provide informative responses.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Data Validation:&lt;/strong&gt; Use validation libraries to ensure data integrity and prevent security vulnerabilities.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Asynchronous Operations:&lt;/strong&gt; Leverage Node.js's asynchronous capabilities for efficient and non-blocking operations.&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>node</category>
      <category>javascript</category>
      <category>webdev</category>
      <category>beginners</category>
    </item>
    <item>
      <title>Astro: Just Build Fast</title>
      <dc:creator>Vuelancer</dc:creator>
      <pubDate>Thu, 26 Sep 2024 07:41:47 +0000</pubDate>
      <link>https://dev.to/vuelancer/astro-just-build-fast-555c</link>
      <guid>https://dev.to/vuelancer/astro-just-build-fast-555c</guid>
      <description>&lt;p&gt;&lt;a href="https://astro.build" rel="noopener noreferrer"&gt;&lt;strong&gt;Astro&lt;/strong&gt;&lt;/a&gt; is a relatively new JavaScript framework that has been gaining significant traction in the web development community. It's designed to provide a fast, flexible, and scalable way to build modern web applications. Unlike traditional frameworks like React, Vue, or Angular, Astro takes a different approach by focusing on static site generation (SSG) and server-side rendering (SSR) to deliver optimized performance and user experiences.&lt;/p&gt;

&lt;p&gt;Basically, if your website has static data, not much dynamic content, then choose &lt;strong&gt;Astro&lt;/strong&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  QuickStart
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;Initialize project - &lt;code&gt;npm create astro@latest&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;Install &amp;amp; run - &lt;code&gt;npm install&lt;/code&gt; &amp;amp; &lt;code&gt;npm run dev&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;That's it, now focus on development. &lt;/li&gt;
&lt;/ol&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;NOTE&lt;/strong&gt;: You can skip the below content if you are not into lectures&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;&lt;a href="https://www.youtube.com/@vuelancer" class="ltag_cta ltag_cta--branded" rel="noopener noreferrer"&gt;Checkout my youtube channel and give a follow if you like my content!&lt;/a&gt;
&lt;/p&gt;




&lt;h2&gt;
  
  
  Key Differences Between Astro and Other Frameworks
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Static Site Generation (SSG):&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Astro excels at generating static HTML files at build time, resulting in lightning-fast page loads and improved SEO.&lt;/li&gt;
&lt;li&gt;This makes it ideal for content-heavy websites and blogs, where most pages don't require dynamic data updates.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Server-Side Rendering (SSR):&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;For pages that need dynamic content, Astro can render them on the server and send the fully rendered HTML to the client.&lt;/li&gt;
&lt;li&gt;This enhances SEO, improves initial page load times, and provides a better user experience, especially for complex applications.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Component-Based Architecture:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Like other modern frameworks, Astro uses a component-based approach to build reusable UI elements.&lt;/li&gt;
&lt;li&gt;However, Astro's components are designed to be more flexible and can be used in both SSG and SSR contexts.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Island Architecture:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Astro introduces the concept of "islands," which are self-contained components that can be hydrated independently on the client-side.&lt;/li&gt;
&lt;li&gt;This allows for a more granular control over hydration, improving performance and reducing initial load times.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Flexibility and Customization:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Astro is highly customizable, allowing developers to choose the best tools and libraries for their projects.&lt;/li&gt;
&lt;li&gt;It integrates seamlessly with popular libraries like React, Vue, Solid and Svelte, giving developers the freedom to use their preferred tools.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  Benefits of Using Astro
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Improved Performance:&lt;/strong&gt; Astro's focus on SSG and SSR results in faster page loads and better user experiences.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Enhanced SEO:&lt;/strong&gt; Static HTML files generated by Astro are more search engine-friendly, improving your website's visibility.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Scalability:&lt;/strong&gt; Astro's architecture is designed to handle large-scale applications and can easily scale as your project grows.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Flexibility:&lt;/strong&gt; The framework's modular approach allows you to choose the best tools for your specific needs.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Developer Experience:&lt;/strong&gt; Astro provides a pleasant development experience with features like hot reloading and a robust ecosystem of plugins and tools.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  When to Choose Astro
&lt;/h3&gt;

&lt;p&gt;Astro is a great choice for projects that prioritize performance, SEO, and scalability.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;content-heavy websites like blog, personal site - &lt;strong&gt;GREAT FIT&lt;/strong&gt;
&lt;/li&gt;
&lt;li&gt;complex client-side interactions -  &lt;strong&gt;SKIP ASTRO&lt;/strong&gt; &lt;/li&gt;
&lt;li&gt;client-side rendering and real-time updates -  &lt;strong&gt;React or Vue&lt;/strong&gt;
&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>astro</category>
      <category>webdev</category>
      <category>javascript</category>
      <category>programming</category>
    </item>
    <item>
      <title>Podman - Interactive Labs</title>
      <dc:creator>Vuelancer</dc:creator>
      <pubDate>Tue, 24 Sep 2024 18:13:46 +0000</pubDate>
      <link>https://dev.to/vuelancer/podman-interactive-labs-451m</link>
      <guid>https://dev.to/vuelancer/podman-interactive-labs-451m</guid>
      <description>&lt;h3&gt;
  
  
  Get Hands-on with Interactive Labs!
&lt;/h3&gt;

&lt;p&gt;If you're looking for a fun way to experiment with Podman firsthand, check out these interactive labs from Red Hat:&lt;/p&gt;

&lt;p&gt;Link to &lt;a href="https://www.redhat.com/en/interactive-labs/create-and-manage-podman-pods" rel="noopener noreferrer"&gt;redhat-podman-interactive-labs&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;These labs offer a fantastic way to practice your skills in a safe, sandboxed environment, even though they may have some user-friendliness issues.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.youtube.com/@vuelancer" class="ltag_cta ltag_cta--branded" rel="noopener noreferrer"&gt;Checkout my youtube channel and give a follow if you like my content!&lt;/a&gt;
&lt;/p&gt;

&lt;h3&gt;
  
  
  Few other blogs
&lt;/h3&gt;


&lt;div class="ltag__link"&gt;
  &lt;a href="/vuelancer" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__pic"&gt;
      &lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F201592%2F5357e3eb-61f0-44f7-9b24-8a700ea2a026.jpg" alt="vuelancer"&gt;
    &lt;/div&gt;
  &lt;/a&gt;
  &lt;a href="/vuelancer/create-a-blog-using-jstacknextjs-neondb-prisma-43k0" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__content"&gt;
      &lt;h2&gt;Create a Clean Blog App Using Jstack (Nextjs, Neon, Prisma, Tailwind)&lt;/h2&gt;
      &lt;h3&gt;Vuelancer ・ Sep 10&lt;/h3&gt;
      &lt;div class="ltag__link__taglist"&gt;
        &lt;span class="ltag__link__tag"&gt;#javascript&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#react&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#webdev&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#nextjs&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/a&gt;
&lt;/div&gt;



&lt;div class="ltag__link"&gt;
  &lt;a href="/vuelancer" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__pic"&gt;
      &lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F201592%2F5357e3eb-61f0-44f7-9b24-8a700ea2a026.jpg" alt="vuelancer"&gt;
    &lt;/div&gt;
  &lt;/a&gt;
  &lt;a href="/vuelancer/free-deployment-providers-bk0" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__content"&gt;
      &lt;h2&gt;2024: Free Hosting Platforms For Web Development&lt;/h2&gt;
      &lt;h3&gt;Vuelancer ・ Sep 10 '20&lt;/h3&gt;
      &lt;div class="ltag__link__taglist"&gt;
        &lt;span class="ltag__link__tag"&gt;#webdev&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#javascript&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#beginners&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#programming&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/a&gt;
&lt;/div&gt;



&lt;div class="ltag__link"&gt;
  &lt;a href="/vuelancer" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__pic"&gt;
      &lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F201592%2F5357e3eb-61f0-44f7-9b24-8a700ea2a026.jpg" alt="vuelancer"&gt;
    &lt;/div&gt;
  &lt;/a&gt;
  &lt;a href="/vuelancer/free-online-code-playground-for-html-css-javascript-3kk4" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__content"&gt;
      &lt;h2&gt;2024: Free Online Code Editors for React, Javascript, Python, Go&lt;/h2&gt;
      &lt;h3&gt;Vuelancer ・ Sep 11 '20&lt;/h3&gt;
      &lt;div class="ltag__link__taglist"&gt;
        &lt;span class="ltag__link__tag"&gt;#javascript&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#react&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#webdev&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#beginners&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/a&gt;
&lt;/div&gt;


</description>
      <category>webdev</category>
      <category>beginners</category>
      <category>programming</category>
      <category>productivity</category>
    </item>
    <item>
      <title>Podman - Create A FHIR-Server &amp; SQL Server</title>
      <dc:creator>Vuelancer</dc:creator>
      <pubDate>Tue, 24 Sep 2024 15:09:23 +0000</pubDate>
      <link>https://dev.to/vuelancer/podman-create-fhir-server-sql-server-4054</link>
      <guid>https://dev.to/vuelancer/podman-create-fhir-server-sql-server-4054</guid>
      <description>&lt;p&gt;&lt;strong&gt;Will update the blog regularly!!!&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Introduction&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;This blog post will guide you through the process of setting up a FHIR server using Microsoft's FHIR server image and connecting it to a locally running SQL Server instance, all within a Podman container environment.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Prerequisites&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Podman installed on your system&lt;/li&gt;
&lt;li&gt;A running SQL Server instance with a FHIR database created&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Create a Podman Machine&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;To provide a dedicated environment for your FHIR server, create a Podman machine:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;podman machine init &lt;span class="nt"&gt;--name&lt;/span&gt; podman-machine &lt;span class="nt"&gt;--cpus&lt;/span&gt; 4 &lt;span class="nt"&gt;--memory&lt;/span&gt; 2GB &lt;span class="nt"&gt;--disk-size&lt;/span&gt; 100GB
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Replace the resource settings (&lt;code&gt;--cpus&lt;/code&gt;, &lt;code&gt;--memory&lt;/code&gt;, &lt;code&gt;--disk-size&lt;/code&gt;) according to your system's capabilities and requirements.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Run the FHIR Server&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Start the FHIR server container and connect it to your SQL Server database:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;podman run &lt;span class="nt"&gt;--name&lt;/span&gt; my-fhir-server &lt;span class="nt"&gt;-e&lt;/span&gt; &lt;span class="nv"&gt;DATABASE_HOST&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&amp;lt;your_host&amp;gt; &lt;span class="nt"&gt;-e&lt;/span&gt; &lt;span class="nv"&gt;DATABASE_PORT&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&amp;lt;your_port&amp;gt; &lt;span class="se"&gt;\&lt;/span&gt;
          &lt;span class="nt"&gt;-e&lt;/span&gt; &lt;span class="nv"&gt;DATABASE_NAME&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;FHIR &lt;span class="nt"&gt;-e&lt;/span&gt; &lt;span class="nv"&gt;DATABASE_USERNAME&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&amp;lt;your_username&amp;gt; &lt;span class="se"&gt;\&lt;/span&gt;
          &lt;span class="nt"&gt;-e&lt;/span&gt; &lt;span class="nv"&gt;DATABASE_PASSWORD&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&amp;lt;your_password&amp;gt; microsoft/fhir-server
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Replace the placeholders with your SQL Server's host, port, database name, username, and password.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Explanation&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;code&gt;--name my-fhir-server&lt;/code&gt;: Assigns a name to the container for easy management.&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;-e DATABASE_*&lt;/code&gt;: Sets environment variables to configure the FHIR server's connection to the SQL Server database.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Additional Considerations&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Persistence:&lt;/strong&gt; If you want to persist data beyond the container's lifetime, consider using a volume or a persistent volume claim.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Security:&lt;/strong&gt; Implement appropriate security measures, such as network isolation and access control, to protect your FHIR server and database.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Configuration:&lt;/strong&gt; Explore the FHIR server's configuration options to customize its behavior and features.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Conclusion&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;By following these steps, you've successfully set up a FHIR server using Microsoft's image and connected it to a SQL Server database within a Podman container environment. This provides a flexible and isolated way to manage your FHIR server and its dependencies.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>beginners</category>
      <category>sql</category>
      <category>api</category>
    </item>
    <item>
      <title>Create a Stunning Github Profile README</title>
      <dc:creator>Vuelancer</dc:creator>
      <pubDate>Tue, 24 Sep 2024 13:11:47 +0000</pubDate>
      <link>https://dev.to/vuelancer/create-a-stunning-profile-readme-5fi2</link>
      <guid>https://dev.to/vuelancer/create-a-stunning-profile-readme-5fi2</guid>
      <description>&lt;h3&gt;
  
  
  What is a GitHub Profile README?
&lt;/h3&gt;

&lt;p&gt;A GitHub Profile README is a markdown file that you can add to your GitHub profile to give visitors a quick overview of your skills, projects, and contact information. It's a great way to make a good first impression and showcase your work&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Create a repo of your github name (github id) and also create a &lt;code&gt;README.md&lt;/code&gt; file. &lt;/p&gt;
&lt;/blockquote&gt;

&lt;h4&gt;
  
  
  Checkout my youtube video to learn markdown
&lt;/h4&gt;

&lt;p&gt;&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/x0Boemw9teU"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;h3&gt;
  
  
  What to Include in Your GitHub Profile README
&lt;/h3&gt;

&lt;p&gt;There are a few things that you should include in your GitHub Profile README:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Your name and a brief introduction. &lt;/li&gt;
&lt;li&gt;List your skills and experience, highlighting your most relevant ones.&lt;/li&gt;
&lt;li&gt;Showcase your projects, including links to their repositories.&lt;/li&gt;
&lt;li&gt;Include your contact information so that people can reach out to you.&lt;/li&gt;
&lt;li&gt;Tell people what you want them to do, whether it's subscribing to your newsletter or following you on social media.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Example
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight markdown"&gt;&lt;code&gt;&lt;span class="gh"&gt;# Hi there 👋&lt;/span&gt;

I'm Vuelancer, a full-stack web developer with a passion for building beautiful and user-friendly websites. I have experience with Vue.js, React, and Node.js.

&lt;span class="gs"&gt;**Here are some of my projects:**&lt;/span&gt;
&lt;span class="p"&gt;
*&lt;/span&gt; &lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="nv"&gt;My Portfolio&lt;/span&gt;&lt;span class="p"&gt;](&lt;/span&gt;&lt;span class="sx"&gt;https://myportfolio.com&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;span class="nv"&gt;My Blog&lt;/span&gt;&lt;span class="p"&gt;](&lt;/span&gt;&lt;span class="sx"&gt;https://myblog.com&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;

&lt;span class="gs"&gt;**Get in touch:**&lt;/span&gt;
&lt;span class="p"&gt;
*&lt;/span&gt; &lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="nv"&gt;Email&lt;/span&gt;&lt;span class="p"&gt;](&lt;/span&gt;&lt;span class="sx"&gt;mailto:me@myemail.com&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;span class="nv"&gt;Twitter&lt;/span&gt;&lt;span class="p"&gt;](&lt;/span&gt;&lt;span class="sx"&gt;https://twitter.com/mytwitter&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;span class="nv"&gt;LinkedIn&lt;/span&gt;&lt;span class="p"&gt;](&lt;/span&gt;&lt;span class="sx"&gt;https://www.linkedin.com/in/mylinkedin&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;

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

&lt;/div&gt;



&lt;h3&gt;
  
  
  Additional Tips
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Use a clear and concise writing style.&lt;/li&gt;
&lt;li&gt;Use Markdown to format your README.&lt;/li&gt;
&lt;li&gt;Add images and links to make your README more visually appealing.&lt;/li&gt;
&lt;li&gt;Keep your README up-to-date as your skills and projects change.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  My Current Github Profile
&lt;/h3&gt;

&lt;p&gt;Github link - &lt;a href="https://github.com/selvakumardhivakar/selvakumardhivakar" rel="noopener noreferrer"&gt;vuelancer&lt;/a&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;I'm Dhivakar Selvakumar
====================================
Full Stack Developer
--------------------
I've been learning coding for 6.5+ years and have great exposure in javascript full-stack frameworks.
* 💻  Check my leetcode profile to understand more about me [linkedin](https://www.linkedin.com/in/selvakumardhivakar/) &amp;amp; [leetcode](https://leetcode.com/selvakumardhivakar)
* 🌍  I'm based in India
* ✉️   You can contact me at [selvakumardhivakar@gmail.com](mailto:selvakumardhivakar@gmail.com)
* 🚀  I'm currently working on [Infosys](http://www.infosys.com/) as Specialist Programmer
* 🧠  I'm currently exploring Nextjs
* 🤝  I'm open to collaborating on projects that can be interesting now &amp;amp; then
* ⚡   In love with Javascript &amp;amp; C++

### Coding platform
* [Leetcode](https://leetcode.com/selvakumardhivakar)
* [GeeksforGeeks](https://auth.geeksforgeeks.org/user/dhivakars1)

### Skills
&amp;lt;p align="left"&amp;gt;
&amp;lt;a href="https://docs.microsoft.com/en-us/cpp/?view=msvc-170" target="_blank" rel="noreferrer"&amp;gt;&amp;lt;img src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/cplusplus-colored.svg" width="36" height="36" alt="C++" /&amp;gt;&amp;lt;/a&amp;gt;
&amp;lt;a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript" target="_blank" rel="noreferrer"&amp;gt;&amp;lt;img src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/javascript-colored.svg" width="36" height="36" alt="JavaScript" /&amp;gt;&amp;lt;/a&amp;gt;
&amp;lt;a href="https://www.python.org/" target="_blank" rel="noreferrer"&amp;gt;&amp;lt;img src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/python-colored.svg" width="36" height="36" alt="Python" /&amp;gt;&amp;lt;/a&amp;gt;
&amp;lt;a href="https://vuejs.org/" target="_blank" rel="noreferrer"&amp;gt;&amp;lt;img src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/vuejs-colored.svg" width="36" height="36" alt="Vue" /&amp;gt;&amp;lt;/a&amp;gt;
&amp;lt;a href="https://reactjs.org/" target="_blank" rel="noreferrer"&amp;gt;&amp;lt;img src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/react-colored.svg" width="36" height="36" alt="React" /&amp;gt;&amp;lt;/a&amp;gt;
&amp;lt;a href="https://svelte.dev/" target="_blank" rel="noreferrer"&amp;gt;&amp;lt;img src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/svelte-colored.svg" width="36" height="36" alt="Svelte" /&amp;gt;&amp;lt;/a&amp;gt;
&amp;lt;a href="https://nodejs.org/en/" target="_blank" rel="noreferrer"&amp;gt;&amp;lt;img src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/nodejs-colored.svg" width="36" height="36" alt="NodeJS" /&amp;gt;&amp;lt;/a&amp;gt;
&amp;lt;a href="https://www.mongodb.com/" target="_blank" rel="noreferrer"&amp;gt;&amp;lt;img src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/mongodb-colored.svg" width="36" height="36" alt="MongoDB" /&amp;gt;&amp;lt;/a&amp;gt;
&amp;lt;a href="https://firebase.google.com/" target="_blank" rel="noreferrer"&amp;gt;&amp;lt;img src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/firebase-colored.svg" width="36" height="36" alt="Firebase" /&amp;gt;&amp;lt;/a&amp;gt;
&amp;lt;a href="https://flutter.dev/" target="_blank" rel="noreferrer"&amp;gt;&amp;lt;img src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/flutter-colored.svg" width="36" height="36" alt="Flutter" /&amp;gt;&amp;lt;/a&amp;gt;
&amp;lt;a href="https://www.figma.com/" target="_blank" rel="noreferrer"&amp;gt;&amp;lt;img src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/figma-colored.svg" width="36" height="36" alt="Figma" /&amp;gt;&amp;lt;/a&amp;gt;
&amp;lt;/p&amp;gt;


### Socials
&amp;lt;p align="left"&amp;gt; &amp;lt;a href="https://www.codesandbox.com/selvakumardhivakar" target="_blank" rel="noreferrer"&amp;gt;&amp;lt;img src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/codesandbox.svg" width="32" height="32" /&amp;gt;&amp;lt;/a&amp;gt; &amp;lt;a href="https://www.dev.to/vuelancer" target="_blank" rel="noreferrer"&amp;gt;&amp;lt;img src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/devdotto.svg" width="32" height="32" /&amp;gt;&amp;lt;/a&amp;gt; &amp;lt;a href="https://www.github.com/selvakumardhivakar" target="_blank" rel="noreferrer"&amp;gt;&amp;lt;img src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/github.svg" width="32" height="32" /&amp;gt;&amp;lt;/a&amp;gt; &amp;lt;a href="https://Vuelancer.hashnode.dev" target="_blank" rel="noreferrer"&amp;gt;&amp;lt;img src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/hashnode.svg" width="32" height="32" /&amp;gt;&amp;lt;/a&amp;gt; &amp;lt;a href="https://www.linkedin.com/in/selvakumardhivakar" target="_blank" rel="noreferrer"&amp;gt;&amp;lt;img src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/linkedin.svg" width="32" height="32" /&amp;gt;&amp;lt;/a&amp;gt; &amp;lt;a href="https://www.twitter.com/vuelancer" target="_blank" rel="noreferrer"&amp;gt;&amp;lt;img src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/twitter.svg" width="32" height="32" /&amp;gt;&amp;lt;/a&amp;gt; &amp;lt;a href="https://www.youtube.com/c/UC0hmXRqXYVO0mocVt5D3GkQ" target="_blank" rel="noreferrer"&amp;gt;&amp;lt;img src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/youtube.svg" width="32" height="32" /&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/p&amp;gt;

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

&lt;/div&gt;



</description>
      <category>markdown</category>
      <category>beginners</category>
      <category>productivity</category>
      <category>github</category>
    </item>
    <item>
      <title>What is FHIR? - Introduction</title>
      <dc:creator>Vuelancer</dc:creator>
      <pubDate>Tue, 24 Sep 2024 11:53:11 +0000</pubDate>
      <link>https://dev.to/vuelancer/what-is-fhir-1i7n</link>
      <guid>https://dev.to/vuelancer/what-is-fhir-1i7n</guid>
      <description>&lt;h3&gt;
  
  
  Introduction
&lt;/h3&gt;

&lt;blockquote&gt;
&lt;p&gt;curated list of repos related to fhir - &lt;a href="https://github.com/fhir-fuel/awesome-FHIR" rel="noopener noreferrer"&gt;awesome-fhir&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;The &lt;a href="https://hl7.org/fhir/" rel="noopener noreferrer"&gt;Fast Healthcare Interoperability Resources  - (FHIR)&lt;/a&gt; server is a powerful tool that has revolutionized the healthcare industry. &lt;br&gt;
It serves as a gateway to access and exchange critical healthcare data, enabling seamless interoperability between different systems and organizations.&lt;/p&gt;

&lt;h3&gt;
  
  
  What is a FHIR Server?
&lt;/h3&gt;

&lt;p&gt;A FHIR server is a software component that implements the FHIR standard, an open-source specification for exchanging healthcare information. It acts as a central hub, allowing authorized users and applications to retrieve, store, and manage patient data securely. FHIR servers provide an API (Application Programming Interface) that facilitates the integration of various healthcare systems, ensuring data consistency and interoperability.&lt;/p&gt;

&lt;h3&gt;
  
  
  Some FHIR Servers to use for development
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/microsoft/fhir-server" rel="noopener noreferrer"&gt;microsoft fhir-server&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://hapifhir.io/" rel="noopener noreferrer"&gt;hapi fhir server&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  FHIR client application to view the data
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://vanyalabs.com/" rel="noopener noreferrer"&gt;Vanya client&lt;/a&gt; &lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Key Features and Benefits:
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Interoperability:&lt;/strong&gt; FHIR servers promote data exchange between different healthcare providers, laboratories, pharmacies, and more. This interoperability breaks down data silos, enabling better collaboration and patient care.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Standardized Data:&lt;/strong&gt; FHIR defines a set of resources and data models, ensuring consistent and structured data representation. This standardization simplifies data integration and analysis.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Security and Privacy:&lt;/strong&gt; FHIR servers implement robust security measures to protect sensitive patient information. Role-based access control and encryption techniques ensure data confidentiality and integrity.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Scalability:&lt;/strong&gt; Designed to handle large volumes of data, FHIR servers can scale to accommodate growing healthcare needs, making them suitable for both small practices and large healthcare organizations.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Real-time Data Access:&lt;/strong&gt; Healthcare professionals can access up-to-date patient records instantly, improving decision-making and enabling timely interventions.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Use Cases:
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Electronic Health Records (EHR):&lt;/strong&gt; FHIR servers integrate with EHR systems, providing a unified view of patient data across different healthcare providers.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Telehealth and Remote Monitoring:&lt;/strong&gt; With FHIR, healthcare providers can access patient data remotely, enabling efficient virtual consultations and remote patient monitoring.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Research and Analytics:&lt;/strong&gt; FHIR's structured data format facilitates data analysis, supporting research initiatives and improving healthcare outcomes.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Population Health Management:&lt;/strong&gt; FHIR servers enable the aggregation of data from various sources, aiding in identifying trends and improving public health initiatives.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;More to come! &lt;/p&gt;

</description>
      <category>tutorial</category>
      <category>java</category>
      <category>javascript</category>
      <category>programming</category>
    </item>
    <item>
      <title>Podman - A Simple, Lightweight Docker Alternative</title>
      <dc:creator>Vuelancer</dc:creator>
      <pubDate>Fri, 20 Sep 2024 18:24:52 +0000</pubDate>
      <link>https://dev.to/vuelancer/podman-a-lightweight-docker-alternative-4lc3</link>
      <guid>https://dev.to/vuelancer/podman-a-lightweight-docker-alternative-4lc3</guid>
      <description>&lt;p&gt;I'm excited to start my journey learning podman. I just created this blog to document my progress and share my discoveries with the developer community. I may make mistakes along the way, but I'm committed to updating this blog regularly as I learn.&lt;/p&gt;

&lt;p&gt;Share your knowledge in the comments if you have learnt podman already. &lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Get Hands-on with Interactive Labs!&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;If you're looking for a fun way to experiment with Podman firsthand, check out these interactive labs from Red Hat: &lt;a href="https://www.redhat.com/en/interactive-labs/create-and-manage-podman-pods" rel="noopener noreferrer"&gt;redhat-podman-interactive-labs&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.youtube.com/@vuelancer" class="ltag_cta ltag_cta--branded" rel="noopener noreferrer"&gt;Checkout my youtube channel and give a follow if you like my content!&lt;/a&gt;
&lt;/p&gt;

&lt;h3&gt;
  
  
  Introduction
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://podman.io/" rel="noopener noreferrer"&gt;&lt;strong&gt;Podman&lt;/strong&gt;&lt;/a&gt;  is a container engine that provides a similar experience to Docker but offers several advantages, including:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Podman can run without root privileges, enhancing security.&lt;/li&gt;
&lt;li&gt;Podman doesn't require a central daemon, making it more lightweight and easier to manage.&lt;/li&gt;
&lt;li&gt;Built-in support for pods: Podman natively supports pods, a grouping mechanism for containers.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Example dockerfile to create node server in a container
&lt;/h3&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;
 Dockerfile
FROM node:18-alpine

WORKDIR /usr/src/app

COPY package*.json ./

RUN npm install

COPY . .

EXPOSE 3000

CMD ["npm", "start"]



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

&lt;/div&gt;
&lt;h3&gt;
  
  
  Few other blogs
&lt;/h3&gt;


&lt;div class="ltag__link"&gt;
  &lt;a href="/vuelancer" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__pic"&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%2Fuser%2Fprofile_image%2F201592%2F5357e3eb-61f0-44f7-9b24-8a700ea2a026.jpg" alt="vuelancer"&gt;
    &lt;/div&gt;
  &lt;/a&gt;
  &lt;a href="/vuelancer/create-a-blog-using-jstacknextjs-neondb-prisma-43k0" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__content"&gt;
      &lt;h2&gt;Create a Simple Notes App Using Jstack (Nextjs, Neon, Prisma, Tailwind)&lt;/h2&gt;
      &lt;h3&gt;Vuelancer ・ Sep 10&lt;/h3&gt;
      &lt;div class="ltag__link__taglist"&gt;
        &lt;span class="ltag__link__tag"&gt;#javascript&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#react&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#webdev&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#programming&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/a&gt;
&lt;/div&gt;




&lt;div class="ltag__link"&gt;
  &lt;a href="/vuelancer" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__pic"&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%2Fuser%2Fprofile_image%2F201592%2F5357e3eb-61f0-44f7-9b24-8a700ea2a026.jpg" alt="vuelancer"&gt;
    &lt;/div&gt;
  &lt;/a&gt;
  &lt;a href="/vuelancer/free-deployment-providers-bk0" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__content"&gt;
      &lt;h2&gt;2024: Free Hosting Platforms For Web Development&lt;/h2&gt;
      &lt;h3&gt;Vuelancer ・ Sep 10 '20&lt;/h3&gt;
      &lt;div class="ltag__link__taglist"&gt;
        &lt;span class="ltag__link__tag"&gt;#webdev&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#javascript&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#beginners&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#programming&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/a&gt;
&lt;/div&gt;



&lt;div class="ltag__link"&gt;
  &lt;a href="/vuelancer" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__pic"&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%2Fuser%2Fprofile_image%2F201592%2F5357e3eb-61f0-44f7-9b24-8a700ea2a026.jpg" alt="vuelancer"&gt;
    &lt;/div&gt;
  &lt;/a&gt;
  &lt;a href="/vuelancer/free-online-code-playground-for-html-css-javascript-3kk4" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__content"&gt;
      &lt;h2&gt;2024: Free Online Code Editors for React, Javascript, Python, Go&lt;/h2&gt;
      &lt;h3&gt;Vuelancer ・ Sep 11 '20&lt;/h3&gt;
      &lt;div class="ltag__link__taglist"&gt;
        &lt;span class="ltag__link__tag"&gt;#javascript&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#react&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#webdev&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#beginners&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/a&gt;
&lt;/div&gt;


</description>
      <category>docker</category>
      <category>webdev</category>
      <category>beginners</category>
      <category>programming</category>
    </item>
  </channel>
</rss>
