<?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: Huecki</title>
    <description>The latest articles on DEV Community by Huecki (@huecki).</description>
    <link>https://dev.to/huecki</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%2F307710%2F1f9d6c74-9c82-4801-b555-61537542d845.jpg</url>
      <title>DEV Community: Huecki</title>
      <link>https://dev.to/huecki</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/huecki"/>
    <language>en</language>
    <item>
      <title>Built an AI Shareable Task and Event Manager | OSS | Self-Host it</title>
      <dc:creator>Huecki</dc:creator>
      <pubDate>Wed, 12 Nov 2025 16:03:25 +0000</pubDate>
      <link>https://dev.to/huecki/built-an-ai-shareable-task-and-event-manager-oss-self-host-it-2c8i</link>
      <guid>https://dev.to/huecki/built-an-ai-shareable-task-and-event-manager-oss-self-host-it-2c8i</guid>
      <description>&lt;p&gt;Heyooo&lt;/p&gt;

&lt;p&gt;Pretty excited to share my open-source project: &lt;strong&gt;&lt;a href="https://github.com/your-username/derplanner-task-event-planner" rel="noopener noreferrer"&gt;⚡ DerPlanner - The Shareable Task Event Planner&lt;/a&gt;&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;Live Demo : &lt;a href="https://derplanner.space" rel="noopener noreferrer"&gt;derplanner.space&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;At its core, it’s a full-stack app where you manage tasks and events just by having a conversation.&lt;/p&gt;

&lt;p&gt;Instead of clicking around, you just type:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;"Create a task to finish the report by Friday, make it high priority."&lt;/li&gt;
&lt;li&gt;"Schedule a meeting with the team tomorrow at 2 PM about the launch."&lt;/li&gt;
&lt;li&gt;"Research the latest trends in generative AI for 2025."&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The AI agent figures it out, creates the task or event, and even uses deep research models (like OpenAI's o3/o4) to give you citation-backed answers.&lt;/p&gt;

&lt;h3&gt;
  
  
  But here's the &lt;em&gt;real&lt;/em&gt; magic: Automation 🤖
&lt;/h3&gt;

&lt;p&gt;The biggest problem with most planners is that your data is "stuck." When I complete a task, I almost &lt;em&gt;always&lt;/em&gt; have to do something else.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Check off "Follow up with lead X" → Now I have to go to my CRM and update it.&lt;/li&gt;
&lt;li&gt;An event "Product Launch" starts → Now I have to go send the marketing email.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;I built DerPlanner with &lt;strong&gt;Webhooks&lt;/strong&gt; for exactly this. When a task is completed or an event starts, it can fire off an HTTP request to any service you want.&lt;/p&gt;

&lt;p&gt;This is where it gets fun for devs. You can hook it up to &lt;strong&gt;n8n&lt;/strong&gt;, Zapier, or your own custom endpoint.&lt;/p&gt;

&lt;p&gt;For example, I built a workflow to automate my marketing. When a task is completed, it triggers an n8n workflow that can send an email, update a CRM, and send an SMS, all automatically.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>ai</category>
      <category>showdev</category>
      <category>opensource</category>
    </item>
    <item>
      <title>Rapid AI Prototyping for Devs: Ditch Stock Images</title>
      <dc:creator>Huecki</dc:creator>
      <pubDate>Sat, 02 Aug 2025 12:00:00 +0000</pubDate>
      <link>https://dev.to/huecki/rapid-ai-prototyping-for-devs-ditch-stock-images-365n</link>
      <guid>https://dev.to/huecki/rapid-ai-prototyping-for-devs-ditch-stock-images-365n</guid>
      <description>&lt;p&gt;Telle me - how much time do you waste hunting for images when you’re just trying to get stuff done?&lt;/p&gt;

&lt;p&gt;I got tired of it, so now I’m using VibeMedia, just drop a prompt in a URL and you instantly get a placeholder image, icon, or background.&lt;/p&gt;

&lt;p&gt;No more scrolling, no more nonsense, your AI devtool will do all the work. Hammer this into your prompt:&lt;/p&gt;

&lt;p&gt;"Use &lt;a href="https://vibemedia.space/%5C%5BUNIQUE%5C_ID%5C%5D.png?prompt=%5C%5BYOUR%5C_DESCRIPTION%5C%5D" rel="noopener noreferrer"&gt;https://vibemedia.space/\[UNIQUE\_ID\].png?prompt=\[YOUR\_DESCRIPTION\]&lt;/a&gt; Want your icon background gone? Add &amp;amp;removeBackground=true."&lt;/p&gt;

&lt;p&gt;The catch is that it works perfectly with AI: Bolt.new, Cursor, V0, you name it. See what I (and others) built in literally seconds: &lt;a href="https://1000prototypes.space/preview/b0b861f6-9ef6-4044-ba90-e04db34dc907" rel="noopener noreferrer"&gt;https://1000prototypes.space/preview/b0b861f6-9ef6-4044-ba90-e04db34dc907&lt;/a&gt; &lt;a href="https://1000prototypes.space/preview/dfebc411-959a-4c52-8e4f-e38ae3d92482" rel="noopener noreferrer"&gt;https://1000prototypes.space/preview/dfebc411-959a-4c52-8e4f-e38ae3d92482&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Give this a shot bros. #devtools #prototyping #nocode #webdev #design #aiart&lt;/p&gt;

</description>
    </item>
    <item>
      <title>VibeCoding Your Images: One Prompt, One URL, Zero Dragging</title>
      <dc:creator>Huecki</dc:creator>
      <pubDate>Wed, 09 Jul 2025 09:52:10 +0000</pubDate>
      <link>https://dev.to/huecki/vibecoding-your-images-one-prompt-one-url-zero-dragging-522o</link>
      <guid>https://dev.to/huecki/vibecoding-your-images-one-prompt-one-url-zero-dragging-522o</guid>
      <description>&lt;p&gt;Skip the bla and implement this prompt to you AI tool to test : &lt;a href="https://vibemedia.space/test" rel="noopener noreferrer"&gt;Here&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.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%2Fhenacykmyv4nc5esl22o.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.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%2Fhenacykmyv4nc5esl22o.gif" alt=" " width="560" height="240"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Here is a one shot example at lovable.dev you can check out the prompt: &lt;a href="https://lovable.dev/projects/cdb2fe4c-958f-4638-80f5-f87c51c7940b" rel="noopener noreferrer"&gt;Loveable.dev|Project&lt;/a&gt;&lt;/p&gt;




&lt;p&gt;I was so tired of all this media dragging &lt;/p&gt;

&lt;p&gt;Not burnt out -&amp;gt; tired. Just that everyday developer fatigue that creeps in when you realize you’ve wasted another hell of minutes uploading assets just to get a background image working on your app.&lt;/p&gt;

&lt;p&gt;All I wanted was a fast, lazy, clever way to generate the images I needed without leaving my dev flow.&lt;/p&gt;

&lt;p&gt;So I built &lt;a href="https://vibemedia.space" rel="noopener noreferrer"&gt;VibeMedia&lt;/a&gt; — a simple tool that lets you create dynamic, styled perfect placeholder images using just a URL.&lt;/p&gt;

&lt;h2&gt;
  
  
  Why I Built It?
&lt;/h2&gt;

&lt;p&gt;I was working on a landing page for a side project. The design looked great. But when it came time to drop in background images, headers, thumbnails… it felt like I was doing more uploading and tweaking than coding.&lt;/p&gt;

&lt;p&gt;Each image had to be designed, exported, compressed, renamed, uploaded, hosted. Just to change a headline, I’d repeat the process.&lt;/p&gt;

&lt;p&gt;At some point I just asked myself -&amp;gt; why can’t I generate these dynamically, like I do with code?&lt;/p&gt;

&lt;p&gt;So I hacked together a little API that would generate images on the fly which fits perfectly with AI tools like cursor or lovable or else. All from the URL like a dynamic placeholder.&lt;/p&gt;

&lt;h2&gt;
  
  
  What VibeMedia Does
&lt;/h2&gt;

&lt;p&gt;It just an URL that generates images on the fly via URL and prompt:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight html"&gt;&lt;code&gt;&lt;span class="nt"&gt;&amp;lt;img&lt;/span&gt; &lt;span class="na"&gt;src=&lt;/span&gt;&lt;span class="s"&gt;"https://vibemedia.space/hero_bg.png?prompt=modern%20minimalist%20office%20space%20with%20natural%20lighting"&lt;/span&gt; &lt;span class="nt"&gt;/&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Boom. An image shows up with desired look on the promot.&lt;/p&gt;

&lt;p&gt;No uploading. No exporting. No Canva. No nonsense.&lt;/p&gt;

&lt;p&gt;It works great for:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Dynamic open graph images&lt;/li&gt;
&lt;li&gt;Game sprites&lt;/li&gt;
&lt;li&gt;Landing page hero images&lt;/li&gt;
&lt;li&gt;User-generated graphics&lt;/li&gt;
&lt;li&gt;Blog thumbnails
and many more&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>webdev</category>
      <category>vibecoding</category>
      <category>cursor</category>
      <category>ai</category>
    </item>
    <item>
      <title>From Crypto Rollercoaster to Vibecode Builder -Journeybook #1</title>
      <dc:creator>Huecki</dc:creator>
      <pubDate>Mon, 07 Jul 2025 08:59:54 +0000</pubDate>
      <link>https://dev.to/huecki/from-crypto-rollercoaster-to-vibecode-builder-journeybook-1-1bd7</link>
      <guid>https://dev.to/huecki/from-crypto-rollercoaster-to-vibecode-builder-journeybook-1-1bd7</guid>
      <description>&lt;p&gt;Hey Dev.to community! 👋&lt;/p&gt;

&lt;p&gt;I'm excited (and a bit nervous) to share the first entry in my journey of building something new and rebuilding myself along the way.&lt;/p&gt;




&lt;h2&gt;
  
  
  💸 A Quick Note About My Past: The Crypto Chapter
&lt;/h2&gt;

&lt;p&gt;Back in &lt;strong&gt;2013&lt;/strong&gt;, I got into crypto early. Through some well-timed investments — including SHIB and a few other early movers — I did quite well. For a while, I was one of those "lucky ones" riding the hype wave.&lt;/p&gt;

&lt;p&gt;But as we all know, luck isn’t a business model.&lt;/p&gt;

&lt;p&gt;Through a mix of &lt;strong&gt;harsh taxation&lt;/strong&gt;, &lt;strong&gt;bad reinvestments&lt;/strong&gt;, and plain overconfidence, I ended up losing most of what I gained. A classic rollercoaster story.&lt;/p&gt;

&lt;p&gt;And you know what? I don’t regret it. That chapter taught me that &lt;strong&gt;real value doesn’t come from chasing markets — it comes from building things that last.&lt;/strong&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  🧑‍💻 Who I Am Today
&lt;/h2&gt;

&lt;p&gt;I’ve been a developer since &lt;strong&gt;2010&lt;/strong&gt;, working in a range of tech companies — including some big players — and I never stopped coding, even when I didn’t “need” to financially.&lt;/p&gt;

&lt;p&gt;Now that the dust has settled, I’ve chosen to go back to what I love most: creating, launching, learning, failing, iterating — the builder’s path.&lt;/p&gt;

&lt;p&gt;So here I am, starting from scratch, working on my first SaaS, and documenting the journey here.&lt;/p&gt;




&lt;h2&gt;
  
  
  🚀 Introducing Vibemedia.space
&lt;/h2&gt;

&lt;p&gt;My current project is called&lt;br&gt;&lt;br&gt;
👉 &lt;a href="https://vibemedia.space/promo" rel="noopener noreferrer"&gt;&lt;strong&gt;Vibemedia.space&lt;/strong&gt;&lt;/a&gt;&lt;br&gt;&lt;br&gt;
It's a &lt;strong&gt;dynamic media content generation tool&lt;/strong&gt; designed for developers, creators, and marketers who want solid-looking assets without spending hours designing.&lt;/p&gt;

&lt;h3&gt;
  
  
  It’s made for:
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Mainly &lt;strong&gt;“Lazy” vibecoders&lt;/strong&gt; (like me) who want quick output without killing the vibe&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Dev tools&lt;/strong&gt; that need clean launch graphics&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Marketing pages&lt;/strong&gt; that need fast visuals&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;You can try a &lt;strong&gt;limited free version here&lt;/strong&gt;:&lt;br&gt;&lt;br&gt;
🔗 &lt;a href="https://vibemedia.space/promo" rel="noopener noreferrer"&gt;https://vibemedia.space/promo&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  🤝 Why I'm Posting This
&lt;/h2&gt;

&lt;p&gt;I’m not just here to promote a project — I’m here to &lt;strong&gt;connect with others building cool stuff&lt;/strong&gt;. I’d love to:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Hear your feedback&lt;/li&gt;
&lt;li&gt;Share lessons (or battle scars)&lt;/li&gt;
&lt;li&gt;Find friends in the dev/indie/startup space&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;We all know that &lt;strong&gt;great connections matter&lt;/strong&gt; as much as great code. If you're working on something, I want to hear about it too.&lt;/p&gt;




&lt;h2&gt;
  
  
  🔁 Let’s Build in Public
&lt;/h2&gt;

&lt;p&gt;If you’ve gone through your own ups and downs, I’d love to talk. If you’re shipping something, I’ll gladly try it. And if you check out Vibemedia and have ideas or feedback — I’m all ears.&lt;/p&gt;

&lt;p&gt;This is my &lt;em&gt;Journeybook #1&lt;/em&gt; - trying to stay motivated for more to come&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>sass</category>
      <category>devjournal</category>
      <category>vibecoding</category>
    </item>
    <item>
      <title>Your favourite blockchain projects as a programmer</title>
      <dc:creator>Huecki</dc:creator>
      <pubDate>Wed, 10 Jun 2020 14:07:16 +0000</pubDate>
      <link>https://dev.to/huecki/your-favourite-blockchain-projects-as-a-programmer-3413</link>
      <guid>https://dev.to/huecki/your-favourite-blockchain-projects-as-a-programmer-3413</guid>
      <description>&lt;p&gt;There are many blockchain projects out there. NEO, EOS, ETH, LISK, STX etc etc&lt;/p&gt;

&lt;p&gt;The race is on for these projects to attract as many developers or partners to grow their ecosystem.&lt;/p&gt;

&lt;p&gt;In the following are my favourite projects, where I also program small things from time to time.&lt;/p&gt;

&lt;p&gt;&lt;b&gt; 1# Blockstack - User owned internet &lt;/b&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Good quickstart, easy to implement/learn, great dev help, good docu&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;b&gt;2# Utrust - Payment platform &lt;/b&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Good quickstart, easy to implement, good docu&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;b&gt; 3# Etherum - Dapps &lt;/b&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Good quickstart, easy to learn, good docu, fat helpful community &lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt; These are the only 3 that I "actively" program and subscribe to in my spare time. &lt;/p&gt;

&lt;p&gt;&lt;b&gt; Tell me yours please ?&lt;/b&gt;&lt;/p&gt;

</description>
      <category>discuss</category>
      <category>blockchain</category>
      <category>hobby</category>
    </item>
    <item>
      <title>MontiMark - Watermark + Web Monetization</title>
      <dc:creator>Huecki</dc:creator>
      <pubDate>Wed, 10 Jun 2020 07:02:35 +0000</pubDate>
      <link>https://dev.to/huecki/montimark-watermark-web-monetization-4gkk</link>
      <guid>https://dev.to/huecki/montimark-watermark-web-monetization-4gkk</guid>
      <description>&lt;p&gt;[Instructions]: &lt;br&gt;
&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fsc0503iwxrtcuuwlxz4q.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fsc0503iwxrtcuuwlxz4q.png" alt="Alt Text" width="203" height="212"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;made by &lt;a href="https://dev.to/nokol"&gt; Nokol &lt;/a&gt;&lt;/p&gt;

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

&lt;p&gt;MontiMark is a very simple to use image watermarker.&lt;br&gt;
You can watermark your images and gain a reward if people wants to use or download your pictures without a watermark.&lt;/p&gt;

&lt;p&gt;Every image will be transformed into a base64 with the watermark on it. To provide good UX , while loading a ghostimage will be displayed (option : default gray)&lt;/p&gt;

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

&lt;p&gt;If a buyer / supporter / fan oe wants a picture without a watermark he can demonetize it and the image is an normal path.&lt;/p&gt;

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

&lt;p&gt;&lt;b&gt;Possible improvements&lt;/b&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Secure downloadable image paths&lt;/li&gt;
&lt;li&gt;Possibility to remove the watermark without Web Moni.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;b&gt;How to:&lt;/b&gt;&lt;/p&gt;

&lt;p&gt;Just do :&lt;/p&gt;

&lt;pre&gt;
new Montimark('.selector', 'watermarkpath.jpg');
&lt;/pre&gt;

&lt;p&gt;and you have a sweet watermark&lt;/p&gt;

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

&lt;p&gt;there are also options of the position and more&lt;/p&gt;

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

&lt;h3&gt;
  
  
  Submission Category:
&lt;/h3&gt;

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

&lt;h2&gt;
  
  
  Demo
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://nokol.net/montimark/" rel="noopener noreferrer"&gt;https://nokol.net/montimark/&lt;/a&gt;&lt;/p&gt;

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

&lt;p&gt;&lt;a href="https://github.com/DomEscobar/montimark" rel="noopener noreferrer"&gt;https://github.com/DomEscobar/montimark&lt;/a&gt;&lt;/p&gt;

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

&lt;p&gt;Javascript&lt;/p&gt;

&lt;h2&gt;
  
  
  Additional Resources/Info
&lt;/h2&gt;

&lt;p&gt;Resources are already linked&lt;/p&gt;

</description>
      <category>gftwhackathon</category>
      <category>showdev</category>
      <category>webdev</category>
    </item>
    <item>
      <title>Lunacy - Illustration challenge #50DaysLunacy - 7th Day</title>
      <dc:creator>Huecki</dc:creator>
      <pubDate>Sat, 30 May 2020 18:59:48 +0000</pubDate>
      <link>https://dev.to/huecki/lunacy-illustration-challenge-50dayslunacy-7th-day-3n5p</link>
      <guid>https://dev.to/huecki/lunacy-illustration-challenge-50dayslunacy-7th-day-3n5p</guid>
      <description>&lt;p&gt; Hint : I was really bad at arts in school. &lt;/p&gt;

&lt;p&gt;My challenge is to create 50 days of illustrations this year. Trying to improve my UI, increase my creativity and use it for UI designs. &lt;/p&gt;

&lt;p&gt;Who knows maybe I create the next cool sh** by accident. Chance is high.&lt;/p&gt;

&lt;p&gt;I only want to spend 1-2 hours per challengeday for an illustration, it shouldn't be high quality illustrations.&lt;/p&gt;

&lt;p&gt;Unconventionally I use Lunacy since I really enjoy that tools and belive in it's potential in the future.(Its free and im not rich atm) &lt;/p&gt;

&lt;h3&gt; Day 1 &lt;/h3&gt;

&lt;p&gt; Handy people &lt;br&gt;
&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fczcqrfd9qod5nucriuxj.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fczcqrfd9qod5nucriuxj.jpg" alt="Alt Text" width="576" height="568"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt; Day 2 &lt;/h3&gt;

&lt;p&gt; Covid and homeoffice &lt;br&gt;
&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fc297850r35fh8eyiswho.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fc297850r35fh8eyiswho.jpg" alt="Alt Text" width="658" height="413"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt; Day 3 &lt;/h3&gt;

&lt;p&gt; Covid and homeoffice &lt;br&gt;
&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fzp5186qkk1ifio68v6eq.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fzp5186qkk1ifio68v6eq.jpg" alt="Alt Text" width="800" height="344"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt; Day 4 &lt;/h3&gt;

&lt;p&gt; Hands in action &lt;br&gt;
&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fugn8rme6i5m68oyc0han.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fugn8rme6i5m68oyc0han.jpg" alt="Alt Text" width="709" height="573"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt; Day 5 &lt;/h3&gt;

&lt;p&gt; Weird and real &lt;br&gt;
&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fwad6j6jr4jmadk3vb0oa.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fwad6j6jr4jmadk3vb0oa.jpg" alt="Alt Text" width="800" height="595"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt; Day 6 &lt;/h3&gt;

&lt;p&gt; Corona protesters &lt;br&gt;
&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fypcir9r2gycjvpube1d0.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fypcir9r2gycjvpube1d0.jpg" alt="Alt Text" width="784" height="379"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt; Day 7 &lt;/h3&gt;

&lt;p&gt; Weird shape illustrations &lt;br&gt;
&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fbdf3jb0u5cj2bmu41si7.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fbdf3jb0u5cj2bmu41si7.jpg" alt="Alt Text" width="656" height="392"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt; How I learn &lt;/h2&gt;

&lt;p&gt;Im trying to get in touch with the possibilties of illustrations. Youtube helped me with some sketch tutorials.&lt;/p&gt;

&lt;p&gt;I really liked this guy&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.youtube.com/channel/UCZHkx_OyRXHb1D3XTqOidRw" rel="noopener noreferrer"&gt;https://www.youtube.com/channel/UCZHkx_OyRXHb1D3XTqOidRw&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;b&gt; If your know useful sources to get in touch with different techniques you can help me, I appriciate every help&lt;/b&gt;&lt;/p&gt;

&lt;p&gt;Thats it so far.&lt;/p&gt;

&lt;h1&gt; Come and begin your improvement with me man &lt;/h1&gt;

</description>
      <category>design</category>
      <category>webdev</category>
    </item>
    <item>
      <title>Montimark - Web Monetization for images with a Watermark</title>
      <dc:creator>Huecki</dc:creator>
      <pubDate>Fri, 08 May 2020 14:48:22 +0000</pubDate>
      <link>https://dev.to/huecki/montimark-web-monetization-for-images-with-a-watermark-o8e</link>
      <guid>https://dev.to/huecki/montimark-web-monetization-for-images-with-a-watermark-o8e</guid>
      <description>&lt;p&gt;Hello friends&lt;/p&gt;

&lt;p&gt;i got up today at 9.15.&lt;br&gt;
Browsed to  Dev.to and saw that a Hackathon is going on about a great new technology.&lt;/p&gt;

&lt;p&gt;So I thought to myself: oh I'm on short time work anyway so I can do something with it, sounds interesting.&lt;/p&gt;

&lt;p&gt;What is Montimark?&lt;/p&gt;

&lt;p&gt;Montimark is nothing else than :&lt;/p&gt;

&lt;p&gt;Monetization Watermark for and creatives to protect their images.&lt;/p&gt;

&lt;p&gt;It should be very easy to add a watermark to pictures.&lt;/p&gt;

&lt;p&gt;How does it work?&lt;/p&gt;

&lt;p&gt;Just Do a simple&lt;/p&gt;

&lt;pre&gt;
new Montimark('.selector', 'watermarkpath.jpg')
&lt;/pre&gt;

&lt;p&gt;and you are good to go.&lt;/p&gt;

&lt;p&gt;Requirements :&lt;br&gt;
You need the monetization enabled with e.g Coil Chrome plugin&lt;br&gt;
&lt;a href="https://chrome.google.com/webstore/detail/coil/locbifcbeldmnphbgkdigjmkbfkhbnca/related?hl=en" rel="noopener noreferrer"&gt;https://chrome.google.com/webstore/detail/coil/locbifcbeldmnphbgkdigjmkbfkhbnca/related?hl=en&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;direct demo :&lt;br&gt;
&lt;a href="https://nokol.net/montimark" rel="noopener noreferrer"&gt;https://nokol.net/montimark&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Visit early stage here&lt;br&gt;
&lt;a href="https://github.com/DomEscobar/montimark" rel="noopener noreferrer"&gt;https://github.com/DomEscobar/montimark&lt;/a&gt;&lt;/p&gt;

</description>
      <category>gftwhackathon</category>
      <category>webmonetization</category>
      <category>opensource</category>
    </item>
    <item>
      <title>TimeTrackGo - FREE and super simple, ready-to-go time tracking webapp</title>
      <dc:creator>Huecki</dc:creator>
      <pubDate>Wed, 29 Apr 2020 12:15:16 +0000</pubDate>
      <link>https://dev.to/huecki/timetrackgo-free-and-super-simple-ready-to-go-time-tracking-webapp-47c5</link>
      <guid>https://dev.to/huecki/timetrackgo-free-and-super-simple-ready-to-go-time-tracking-webapp-47c5</guid>
      <description>&lt;p&gt;Hi sidefriends,&lt;/p&gt;

&lt;p&gt;during my freetime caused by corona I created a time tracking webapp /app for all of you homeoffice dudes.&lt;/p&gt;

&lt;p&gt;TimtrackGO is a ready to GO time tracking web app but is also available as an app.&lt;/p&gt;

&lt;p&gt;That means you just call &lt;a href="http://www.timetrackgo.com" rel="noopener noreferrer"&gt;www.timetrackgo.com&lt;/a&gt; and start with your stamps.&lt;/p&gt;

&lt;p&gt;Read more in &lt;a href="https://www.producthunt.com/posts/timetrackgo" rel="noopener noreferrer"&gt;https://www.producthunt.com/posts/timetrackgo&lt;/a&gt;&lt;/p&gt;

</description>
      <category>sideprojects</category>
    </item>
    <item>
      <title>Open source wireframe &amp; mockup | online</title>
      <dc:creator>Huecki</dc:creator>
      <pubDate>Fri, 03 Jan 2020 20:14:27 +0000</pubDate>
      <link>https://dev.to/huecki/open-source-wireframe-mockup-online-28ck</link>
      <guid>https://dev.to/huecki/open-source-wireframe-mockup-online-28ck</guid>
      <description>&lt;p&gt;someone needs this when its fully finished in few years?&lt;/p&gt;

&lt;p&gt;&lt;a href="https://github.com/DomEscobar/SuSi-Mockup-Wireframe" rel="noopener noreferrer"&gt;https://github.com/DomEscobar/SuSi-Mockup-Wireframe&lt;/a&gt;&lt;/p&gt;

</description>
      <category>angular</category>
      <category>typescript</category>
      <category>opensource</category>
    </item>
  </channel>
</rss>
