<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[Patryk Developer - Blog]]></title><description><![CDATA[🐞 Javascript Developer - I make awesome Open Source software, bot, app and tools.]]></description><link>https://ptkdev.io</link><generator>RSS for Node</generator><lastBuildDate>Mon, 20 Apr 2026 13:20:52 GMT</lastBuildDate><atom:link href="https://ptkdev.io/rss.xml" rel="self" type="application/rss+xml"/><language><![CDATA[en]]></language><ttl>60</ttl><item><title><![CDATA[Dark Blood - Theme for VSCode]]></title><description><![CDATA[🎨 vscode-theme-dark-blood
I released the new version of my dark theme for VSCode, 1 theme with 5 shades of different colors with the name of the blood type (A, B, AB, 0)! Optimized for typescript and javascript. I wrote some regexes to color JSDoc c...]]></description><link>https://ptkdev.io/dark-blood-theme-for-vscode</link><guid isPermaLink="true">https://ptkdev.io/dark-blood-theme-for-vscode</guid><category><![CDATA[Visual Studio Code]]></category><category><![CDATA[theme]]></category><category><![CDATA[JavaScript]]></category><category><![CDATA[TypeScript]]></category><category><![CDATA[webdev]]></category><dc:creator><![CDATA[Patryk Rzucidło (PTKDev)]]></dc:creator><pubDate>Fri, 23 Apr 2021 08:57:35 GMT</pubDate><enclosure url="https://cdn.hashnode.com/res/hashnode/image/upload/v1619168160081/WAh-pEqMY.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p><a target="_blank" href="https://marketplace.visualstudio.com/items?itemName=ptkdev.dark-blood-theme"><img src="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/dark-blood-theme.png" alt="vscode-theme-dark-blood" /></a></p>
<h1 id="vscode-theme-dark-blood">🎨 vscode-theme-dark-blood</h1>
<p>I released the new version of my dark theme for VSCode, 1 theme with 5 shades of different colors with the name of the blood type (A, B, AB, 0)! Optimized for typescript and javascript. I wrote some regexes to color JSDoc comments correctly too which are now much more readable.</p>
<p><a target="_blank" href="https://marketplace.visualstudio.com/items?itemName=ptkdev.dark-blood-theme"><img src="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/badge.png" alt="vscode-theme-dark-blood" /></a></p>
<h2 id="screenshot">👔 Screenshot</h2>
<h3 id="blood-default">Blood - Default</h3>
<table>
    <tr>
        <td><a href="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/notype-1.png"><img src="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/notype-1.png" /></a></td>
        <td><a href="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/notype-2.png"><img src="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/notype-2.png" /></a></td>
        <td><a href="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/notype-3.png"><img src="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/notype-3.png" /></a></td>
    </tr>
</table>

<h3 id="blood-type-a">Blood - Type A</h3>
<table>
    <tr>
        <td><a href="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/type-a-1.png"><img src="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/type-a-1.png" /></a></td>
        <td><a href="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/type-a-2.png"><img src="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/type-a-2.png" /></a></td>
        <td><a href="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/type-a-3.png"><img src="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/type-a-3.png" /></a></td>
    </tr>
</table>

<h3 id="blood-type-b">Blood - Type B</h3>
<table>
    <tr>
        <td><a href="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/type-b-1.png"><img src="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/type-b-1.png" /></a></td>
        <td><a href="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/type-b-2.png"><img src="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/type-b-2.png" /></a></td>
        <td><a href="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/type-b-3.png"><img src="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/type-b-3.png" /></a></td>
    </tr>
</table>

<h3 id="blood-type-ab">Blood - Type AB</h3>
<table>
    <tr>
        <td><a href="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/type-ab-1.png"><img src="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/type-ab-1.png" /></a></td>
        <td><a href="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/type-ab-2.png"><img src="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/type-ab-2.png" /></a></td>
        <td><a href="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/type-ab-3.png"><img src="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/type-ab-3.png" /></a></td>
    </tr>
</table>

<h3 id="blood-type-0">Blood - Type 0</h3>
<table>
    <tr>
        <td><a href="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/type-zero-1.png"><img src="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/type-zero-1.png" /></a></td>
        <td><a href="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/type-zero-2.png"><img src="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/type-zero-2.png" /></a></td>
        <td><a href="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/type-zero-3.png"><img src="https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/main/.github/assets/type-zero-3.png" /></a></td>
    </tr>
</table>

<h2 id="installation">🚀 Installation</h2>
<ol>
<li>Install extension from <a target="_blank" href="https://marketplace.visualstudio.com/items?itemName=ptkdev.dark-blood-theme">vscode marketplace</a>.</li>
<li>Open VSCode, go to extensions list and find "Dark Blood Theme"</li>
<li>Click to <code>Set Color Theme</code> and confirm theme.</li>
</ol>
<p>🧩 Extra: if you want exactly what the screenshots look like (icons, hexcode colors preview, etc), install these extensions:</p>
<ul>
<li>Set font: <strong><a target="_blank" href="https://github.com/tonsky/FiraCode/wiki/VS-Code-Instructions">Fira Code Medium</a></strong> or <strong><a target="_blank" href="https://www.jetbrains.com/lp/mono/#how-to-install">JetBrains Mono Medium</a></strong> (13.5px size and 500 weight + ligatures).</li>
<li><code>ext install pkief.material-icon-theme</code></li>
<li><code>ext install naumovs.color-highlight</code></li>
<li><code>ext install wiggin77.codedox</code></li>
<li><code>ext install gruntfuggly.todo-tree</code></li>
<li><code>ext install esbenp.prettier-vscode</code></li>
<li><code>ext install dbaeumer.vscode-eslint</code></li>
</ul>
<p>Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.</p>
<h1 id="thanks-leave-a-feedback">❤️ Thanks! Leave a feedback!</h1>
]]></content:encoded></item><item><title><![CDATA[The best alternative to the console.log statement]]></title><description><![CDATA[🦒 Beautiful Logger for Node.js

The best alternative to the console.log statement

I love using console.log but it is difficult to record all the log information. I have implemented a small colored variant with tags, colors, messages of various erro...]]></description><link>https://ptkdev.io/the-best-alternative-to-the-consolelog-statement</link><guid isPermaLink="true">https://ptkdev.io/the-best-alternative-to-the-consolelog-statement</guid><category><![CDATA[JavaScript]]></category><category><![CDATA[logging]]></category><category><![CDATA[Node.js]]></category><category><![CDATA[color]]></category><category><![CDATA[terminal]]></category><dc:creator><![CDATA[Patryk Rzucidło (PTKDev)]]></dc:creator><pubDate>Mon, 12 Apr 2021 21:34:14 GMT</pubDate><enclosure url="https://cdn.hashnode.com/res/hashnode/image/upload/v1618263174027/5-mD2_XD0.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p><a target="_blank" href="https://www.npmjs.com/package/@ptkdev/logger"><img src="https://raw.githubusercontent.com/ptkdev/ptkdev-logger/nightly/.github/assets/ptkdev-logger-logo.png" alt="Beautiful Logger for Node.js: the best alternative to the console.log statement" /></a></p>
<h1 id="beautiful-logger-for-nodejs">🦒 Beautiful Logger for Node.js</h1>
<blockquote>
<p>The best alternative to the console.log statement</p>
</blockquote>
<p>I love using <code>console.log</code> but it is difficult to record all the log information. I have implemented a small colored variant with tags, colors, messages of various errors and write to file logs in .json / txt format.</p>
<p>Resources: [<a target="_blank" href="https://www.npmjs.com/package/@ptkdev/logger">NPM</a>] [<a target="_blank" href="https://github.com/ptkdev/ptkdev-logger">GITHUB</a>]</p>
<h2 id="features">💡 Features</h2>
<ul>
<li>[✔️] Easy to use</li>
<li>[✔️] MIT License</li>
<li>[✔️] The best alternative to the console.log statement</li>
<li>[✔️] Write stdout logs to file (supported format: text/log and json)</li>
<li>[✔️] The JSON logs format is compatible with <a target="_blank" href="https://github.com/pinojs/pino">pinojs</a></li>
<li>[✔️] Translations: 🇬🇧 🇮🇹 🇵🇱 (Help me ❤️)</li>
</ul>
<h2 id="screenshot">👔 Screenshot</h2>
<p><a target="_blank" href="https://raw.githubusercontent.com/ptkdev/ptkdev-logger/nightly/.github/assets/screenshot/ptkdev-logger-screen1.png"><img src="https://raw.githubusercontent.com/ptkdev/ptkdev-logger/nightly/.github/assets/screenshot/ptkdev-logger-screen1.png" alt="Beautiful Logger for Node.js" /></a></p>
<h2 id="installation">🚀 Installation</h2>
<ol>
<li>In your node project run: <code>npm install @ptkdev/logger --save</code></li>
<li>Usage:<pre><code class="lang-javascript"><span class="hljs-keyword">const</span> Logger = <span class="hljs-built_in">require</span>(<span class="hljs-string">"@ptkdev/logger"</span>);
<span class="hljs-keyword">const</span> logger = <span class="hljs-keyword">new</span> Logger();
logger.info(<span class="hljs-string">"message"</span>);
</code></pre>
</li>
</ol>
<p>You can set <code>options</code> to <code>new Logger(options);</code> example:</p>
<pre><code class="lang-javascript"><span class="hljs-keyword">const</span> Logger = <span class="hljs-built_in">require</span>(<span class="hljs-string">"@ptkdev/logger"</span>);

<span class="hljs-keyword">const</span> options = {
    <span class="hljs-string">"language"</span>: <span class="hljs-string">"en"</span>,
    <span class="hljs-string">"colors"</span>: <span class="hljs-literal">true</span>,
    <span class="hljs-string">"debug"</span>: <span class="hljs-literal">true</span>,
    <span class="hljs-string">"info"</span>: <span class="hljs-literal">true</span>,
    <span class="hljs-string">"warning"</span>: <span class="hljs-literal">true</span>,
    <span class="hljs-string">"error"</span>: <span class="hljs-literal">true</span>,
    <span class="hljs-string">"sponsor"</span>: <span class="hljs-literal">true</span>,
    <span class="hljs-string">"write"</span>: <span class="hljs-literal">true</span>,
    <span class="hljs-string">"type"</span>: <span class="hljs-string">"log"</span>,
    <span class="hljs-string">"path"</span>: {
        <span class="hljs-string">"debug_log"</span>: <span class="hljs-string">"./debug.log"</span>,
        <span class="hljs-string">"error_log"</span>: <span class="hljs-string">"./errors.log"</span>,
    }
};

<span class="hljs-keyword">const</span> logger = <span class="hljs-keyword">new</span> Logger(options);
logger.info(<span class="hljs-string">"message"</span>);
</code></pre>
<h2 id="options">Options</h2>
<table>
<thead>
<tr>
<td>Parameter</td><td>Description</td><td>Values</td><td>Default value</td></tr>
</thead>
<tbody>
<tr>
<td>language</td><td>Set language of log type</td><td>en/it/pl</td><td>en</td></tr>
<tr>
<td>colors</td><td>Enable colors in terminal</td><td>true/enabled/false/disabled</td><td>true</td></tr>
<tr>
<td>debug</td><td>Enable all logs with method debug</td><td>true/enabled/false/disabled</td><td>true</td></tr>
<tr>
<td>info</td><td>Enable all logs with method info</td><td>true/enabled/false/disabled</td><td>true</td></tr>
<tr>
<td>warning</td><td>Enable all logs with method warning</td><td>true/enabled/false/disabled</td><td>true</td></tr>
<tr>
<td>error</td><td>Enable all logs with method errors</td><td>true/enabled/false/disabled</td><td>true</td></tr>
<tr>
<td>sponsor</td><td>Enable all logs with method sponsor</td><td>true/enabled/false/disabled</td><td>true</td></tr>
<tr>
<td>write</td><td>Write the logs into a file, you need set path values</td><td>true/enabled/false/disabled</td><td>false</td></tr>
<tr>
<td>type</td><td>Format of logs in files</td><td>log/json</td><td>log</td></tr>
<tr>
<td>path</td><td>If write is true, the library writes the logs to a path</td><td>Object</td><td><code>{"debug_log": "./debug.log", "error_log": "./errors.log"}</code></td></tr>
</tbody>
</table>
<h2 id="methods">Methods</h2>
<table>
<thead>
<tr>
<td>Method</td><td>Description</td><td>Parameters</td></tr>
</thead>
<tbody>
<tr>
<td><strong>debug</strong>(<strong>message</strong>, <strong>tag</strong>)</td><td><code>message</code>: Display debug log message <br /> <code>tag</code>: prefix of message</td><td><code>message</code>: string (mandatory) <br /> <code>tag</code>: string (optional)</td></tr>
<tr>
<td><strong>info</strong>(<strong>message</strong>, <strong>tag</strong>)</td><td><code>message</code>: Display info log message <br /> <code>tag</code>: prefix of message</td><td><code>message</code>: string (mandatory) <br /> <code>tag</code>: string (optional)</td></tr>
<tr>
<td><strong>warning</strong>(<strong>message</strong>, <strong>tag</strong>)</td><td><code>message</code>: Display warning log message <br /> <code>tag</code>: prefix of message</td><td><code>message</code>: string (mandatory) <br /> <code>tag</code>: string (optional)</td></tr>
<tr>
<td><strong>error</strong>(<strong>message</strong>, <strong>tag</strong>)</td><td><code>message</code>: Display errors log message <br /> <code>tag</code>: prefix of message</td><td><code>message</code>: string (mandatory) <br /> <code>tag</code>: string (optional)</td></tr>
<tr>
<td><strong>sponsor</strong>(<strong>message</strong>, <strong>tag</strong>)</td><td><code>message</code>: Display sponsor log message <br /> <code>tag</code>: prefix of message</td><td><code>message</code>: string (mandatory) <br /> <code>tag</code>: string (optional)</td></tr>
<tr>
<td><strong>stackoverflow</strong>(<strong>message</strong>, <strong>tag</strong>, <strong>error_string</strong>)</td><td><code>message</code>: Display stackoverflow log message <br /> <code>tag</code>: prefix of message <br /> <code>error_string</code>: query for stackoverflow, if empty we use message param</td><td><code>message</code>: string (mandatory) <br /> <code>tag</code>: string (optional) <br /> <code>error_string</code>: string (optional)</td></tr>
<tr>
<td><strong>docs</strong>(<strong>message</strong>, <strong>url</strong>, <strong>tag</strong>)</td><td><code>message</code>: Display docs log message <br /> <code>url</code>: link of documentation <br /> <code>tag</code>: prefix of message</td><td><code>message</code>: string (mandatory) <br /> <code>url</code>: string (optional) <br /> <code>tag</code>: string (optional)</td></tr>
</tbody>
</table>
<h2 id="license">💫 License</h2>
<ul>
<li>Code and Contributions have <strong>MIT License</strong></li>
<li>Images and logos have <strong>CC BY-NC 4.0 License</strong> </li>
<li>Documentations and Translations have <strong>CC BY 4.0 License</strong></li>
</ul>
<h1 id="thanks-leave-a-feedback">❤️ Thanks! Leave a feedback!</h1>
]]></content:encoded></item><item><title><![CDATA[Automate your badges on markdown files with all-shields-cli]]></title><description><![CDATA[🦌 Badges generator from dotfiles for any markdown
Tool to help automate your badges of shields.io, badgen.net, fury.io and snyk.io from .all-shieldsrc dotfile for your markdown files. You can use Liquid variables like {{name}} or {{version}} which r...]]></description><link>https://ptkdev.io/automate-your-badges-on-markdown-files-with-all-shields-cli</link><guid isPermaLink="true">https://ptkdev.io/automate-your-badges-on-markdown-files-with-all-shields-cli</guid><category><![CDATA[GitHub]]></category><category><![CDATA[Open Source]]></category><category><![CDATA[JavaScript]]></category><category><![CDATA[markdown]]></category><category><![CDATA[automation]]></category><dc:creator><![CDATA[Patryk Rzucidło (PTKDev)]]></dc:creator><pubDate>Fri, 09 Apr 2021 15:09:24 GMT</pubDate><enclosure url="https://cdn.hashnode.com/res/hashnode/image/upload/v1617980678149/UI8pW3vOn.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p><a target="_blank" href="https://www.npmjs.com/package/@ptkdev/all-shields-cli"><img src="https://raw.githubusercontent.com/ptkdev/all-shields-cli/nightly/.github/assets/ptkdev-all-shields-cli-logo.png" alt="Badge generator of shields.io from .all-shieldsrc dotfile: Tool to help automate your badges of shields.io from a dotfile for your markdown files. Inspired by all-contributors-cli" /></a></p>
<h1 id="badges-generator-from-dotfiles-for-any-markdown">🦌 Badges generator from dotfiles for any markdown</h1>
<p>Tool to help automate your badges of shields.io, badgen.net, fury.io and snyk.io from <code>.all-shieldsrc</code> dotfile for your markdown files. You can use Liquid variables like <code>{{name}}</code> or <code>{{version}}</code> which refer to your <code>package.json</code>. </p>
<p>Inspired by <a target="_blank" href="https://www.npmjs.com/package/all-contributors-cli">all-contributors-cli</a> </p>
<p>Resources: [<a target="_blank" href="https://www.npmjs.com/package/@ptkdev/all-shields-cli">all-shields-cli on npm</a>] [<a target="_blank" href="https://github.com/ptkdev/all-shields-cli">all-shields-cli on github</a>]</p>
<h2 id="features">💡 Features</h2>
<ul>
<li>[✔️] Easy to use</li>
<li>[✔️] MIT License</li>
<li>[✔️] Support: shields.io</li>
<li>[✔️] Support: fury.io</li>
<li>[✔️] Support: snyk.io</li>
<li>[✔️] Support: badgen.net</li>
<li>[✔️] Full customizations!</li>
<li>[✔️] Liquid Variables</li>
<li>[✔️] Tool to help automate your badges on markdown.</li>
<li>[✔️] Badges generator from dotfiles for any markdown</li>
</ul>
<h2 id="screenshot">👔 Screenshot</h2>
<p><a target="_blank" href="https://raw.githubusercontent.com/ptkdev/all-shields-cli/nightly/.github/assets/screenshot/ptkdev-all-shields-cli-screen1.png"><img src="https://raw.githubusercontent.com/ptkdev/all-shields-cli/nightly/.github/assets/screenshot/ptkdev-all-shields-cli-screen1.png" alt="Badges generator from dotfiles for any markdown" /></a></p>
<h2 id="installation">🚀 Installation</h2>
<ol>
<li>In your node project run: <code>npm install @ptkdev/all-shields-cli --save-dev</code></li>
<li>In your <code>package.json</code> add script:<pre><code class="lang-javascript"> ...
 <span class="hljs-string">"scripts"</span>: {
     <span class="hljs-string">"all-shields-cli"</span>: <span class="hljs-string">"all-shields-generate"</span>
 }
 ...
</code></pre>
</li>
<li>Create <code>.all-shieldsrc</code> and paste sample:<pre><code class="lang-javascript">{
 <span class="hljs-string">"files"</span>: [
     <span class="hljs-string">"README.md"</span>
 ],
 <span class="hljs-string">"shields"</span>: [
     {
         <span class="hljs-string">"id"</span>: <span class="hljs-string">"my-badges"</span>,
         <span class="hljs-string">"badges"</span>: [
             {
                 <span class="hljs-string">"url"</span>: <span class="hljs-string">"https://www.npmjs.com/package/@ptkdev/all-shields-cli"</span>,
                 <span class="hljs-string">"color"</span>: <span class="hljs-string">"lightgray"</span>,
                 <span class="hljs-string">"label"</span>: <span class="hljs-string">"package name"</span>,
                 <span class="hljs-string">"title"</span>: <span class="hljs-string">"package name"</span>,
                 <span class="hljs-string">"message"</span>: <span class="hljs-string">"all-shields-cli"</span>,
                 <span class="hljs-string">"style"</span>: <span class="hljs-string">"flat"</span>,
                 <span class="hljs-string">"logo"</span>: <span class="hljs-string">""</span>,
                 <span class="hljs-string">"platform"</span>: <span class="hljs-string">"shields"</span>
             }
         ]
     }
 ]
}
</code></pre>
</li>
<li><p>Add in your <code>README.md</code> the html comment (<code>my-badges</code> is <code>id</code> from the previous step):</p>
<pre><code class="lang-html"><span class="hljs-comment">&lt;!-- all-shields/my-badges:START --&gt;</span>
<span class="hljs-comment">&lt;!-- all-shields/my-badges:END --&gt;</span>
</code></pre>
</li>
<li><p>Run <code>npm run all-shields-cli</code></p>
</li>
</ol>
<p>See folder <code>examples</code>, run with <code>node example.js</code>. Below is available a description of <code>options</code> values.</p>
<h2 id="liquid-variables">🔑 Liquid variables</h2>
<p>In your <code>.all-shieldsrc</code> dotfile you can use liquid variables like <code>{{name}}</code> or <code>{{version}}</code> which refer to your <code>package.json</code>. Key of <code>package.json</code> is name of liquid variable <code>{{key_from_package.json}}</code></p>
<h2 id="license">💫 License</h2>
<ul>
<li>Code and Contributions have <strong>MIT License</strong></li>
<li>Images and logos have <strong>CC BY-NC 4.0 License</strong> (<a target="_blank" href="https://it.freepik.com/">Freepik</a> Premium License)</li>
<li>Documentations and Translations have <strong>CC BY 4.0 License</strong></li>
</ul>
<h1 id="thanks-leave-a-feedback">❤️ Thanks! Leave a feedback!</h1>
]]></content:encoded></item><item><title><![CDATA[Make everything with Svelte]]></title><description><![CDATA[💡 Intro
I would like to introduce you to my collection of templates (or also called boilerplate). What are? Are a starting templates from which to develop apps, sites, bots, pwa, etc... I hate start new project with empty git repository.
🚀 Why?
The...]]></description><link>https://ptkdev.io/make-everything-with-svelte</link><guid isPermaLink="true">https://ptkdev.io/make-everything-with-svelte</guid><category><![CDATA[Svelte]]></category><category><![CDATA[JavaScript]]></category><category><![CDATA[GitHub]]></category><category><![CDATA[TypeScript]]></category><category><![CDATA[boilerplate]]></category><dc:creator><![CDATA[Patryk Rzucidło (PTKDev)]]></dc:creator><pubDate>Wed, 07 Apr 2021 22:22:50 GMT</pubDate><enclosure url="https://cdn.hashnode.com/res/hashnode/image/upload/v1617834089418/_s5caMqlO.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<h2 id="intro">💡 Intro</h2>
<p>I would like to introduce you to my collection of templates (or also called boilerplate). What are? Are a starting templates from which to develop apps, sites, bots, pwa, etc... I hate start new project with empty git repository.</p>
<h2 id="why">🚀 Why?</h2>
<p>They all use the same folder structure, preconfigured typescript and jest, the same prettier, tspaths, eslint, the same contributors and badges generators in short, they are totally userfriendly and same workflow. Learning to use one is very easy to switch to another. </p>
<p>Summary: what do this boilerplate series have in common? All. </p>
<h2 id="screenshot">👔 Screenshot</h2>
<p><a target="_blank" href="https://raw.githubusercontent.com/ptkdev-boilerplate/svelte-spa-boilerplate/main/.github/assets/screenshot.png"><img src="https://raw.githubusercontent.com/ptkdev-boilerplate/svelte-spa-boilerplate/main/.github/assets/screenshot.png" alt="svelte-boilerplate" /></a></p>
<h2 id="my-svelte-github-templates">My Svelte Github Templates:</h2>
<p>🏗 <a target="_blank" href="https://github.com/ptkdev-boilerplate/svelte-webcomponent-boilerplate">svelte-webcomponent</a> = to create native html5 webcomponents using svelte</p>
<p>👔 <a target="_blank" href="https://github.com/ptkdev-boilerplate/svelte-spa-boilerplate">svelte-spa</a> = to create single page apps with svelte</p>
<p>🧬 <a target="_blank" href="https://github.com/ptkdev-boilerplate/svelte-electron-boilerplate">svelte-electron</a> = to create desktop apps using svelte-spa</p>
<p>📱 <a target="_blank" href="https://github.com/ptkdev-boilerplate/svelte-cordova-boilerplate">svelte-cordova</a> = to create mobile (android and ios) apps using svelte-spa</p>
<p>🧵 <a target="_blank" href="https://github.com/ptkdev-boilerplate/svelte-kit-ssr-boilerplate">svelte-kit-ssr</a> = to create apps or websites with svelte optimized for seo using the server side rendering technique</p>
<p>🧰 <a target="_blank" href="https://github.com/ptkdev-boilerplate/node-module-boilerplate">node-modules</a> = to create npm libraries</p>
<p>🪓 <a target="_blank" href="https://github.com/ptkdev-boilerplate/node-cli-boilerplate">node-cli</a> = to create terminal commands</p>
<p>🤖 <a target="_blank" href="https://github.com/ptkdev-boilerplate/node-telegram-bot-boilerplate">node-telegram-bot</a> = to create telegram bot in node</p>
<p>🤖 <a target="_blank" href="https://github.com/ptkdev-boilerplate/node-discord-bot-boilerplate">node-discord-bot</a> = to create discord bot in node</p>
<h2 id="setup-project">💾 Setup Project</h2>
<p>If you want replace all strings (example: package name, author, urls, etc...) in markdown file, source files and others files of this project you need edit <code>setup.json</code> with correct values and run <code>npm run setup</code>.</p>
<h2 id="license">💫 License</h2>
<p>Code and Contributions have <strong>MIT License</strong></p>
]]></content:encoded></item></channel></rss>