<?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: Zymantas Katinas</title>
    <description>The latest articles on DEV Community by Zymantas Katinas (@zymantaskatinas).</description>
    <link>https://dev.to/zymantaskatinas</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%2F664235%2F6a56abac-3f49-4666-95d7-31a6370700b1.jpeg</url>
      <title>DEV Community: Zymantas Katinas</title>
      <link>https://dev.to/zymantaskatinas</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/zymantaskatinas"/>
    <language>en</language>
    <item>
      <title>Simple Planning Poker Online App</title>
      <dc:creator>Zymantas Katinas</dc:creator>
      <pubDate>Sun, 23 Jul 2023 10:07:15 +0000</pubDate>
      <link>https://dev.to/zymantaskatinas/simple-planning-poker-online-app-488j</link>
      <guid>https://dev.to/zymantaskatinas/simple-planning-poker-online-app-488j</guid>
      <description>&lt;p&gt;Hey there,&lt;/p&gt;

&lt;p&gt;I wanted to share a project I've been working on called Scrum Jam. It all started because my team and I were struggling to find a simple and user-friendly Planning Poker app. The existing tools either felt too complicated or lacked the features we needed, making the estimation process a bit of a headache.&lt;/p&gt;

&lt;p&gt;So, I decided to build Scrum Jam, a free online estimation tool that aims to simplify the whole process. My goal was to create a straightforward and enjoyable experience for all agile teams out there.&lt;/p&gt;

&lt;p&gt;Right now, the project is still a work in progress, but I'm genuinely excited about it. I've used Next.js for the frontend and styled it with Tailwind CSS to keep things clean and intuitive. On the backend, I've implemented Node.js websockets hosted on Render.com to ensure smooth real-time communication among team members.&lt;/p&gt;

&lt;p&gt;What I enjoy most about this project is focusing on the little details that make a big difference, like micro interactions and an easy-to-use interface. My hope is that Scrum Jam will be a tool that not only helps with estimation but also brings a sense of collaboration and fun to your team's planning sessions.&lt;/p&gt;

&lt;p&gt;I would really appreciate your feedback if you decide to give it a try with your team. You can find it at &lt;a href="https://www.scrumjam.app/"&gt;scrumjam.app&lt;/a&gt;. Let me know what you think, and together, let's make it a valuable resource for the agile community.&lt;/p&gt;

&lt;p&gt;Thanks for your support and happy estimating! 🎲🌟&lt;/p&gt;

</description>
    </item>
    <item>
      <title>9 Amazing  open-source Storybooks</title>
      <dc:creator>Zymantas Katinas</dc:creator>
      <pubDate>Tue, 24 Aug 2021 14:19:19 +0000</pubDate>
      <link>https://dev.to/zymantaskatinas/9-amazing-open-source-storybooks-3a8o</link>
      <guid>https://dev.to/zymantaskatinas/9-amazing-open-source-storybooks-3a8o</guid>
      <description>&lt;p&gt;If you are going to build a UI component library or a design system for your project, &lt;a href="https://storybook.js.org/" rel="noopener noreferrer"&gt;Storybook&lt;/a&gt; is a great tool to document it beautifully and cleanly. &lt;/p&gt;

&lt;p&gt;But before you begin, you might need some inspiration as there are dozens of ways to do it, and everyone seems to take a slightly different approach. Gladly, there are hundreds of brilliant open-source projects that use Storybook.&lt;/p&gt;

&lt;p&gt;Here's a list of some that I found the most inspiring and easy to understand:&lt;/p&gt;




&lt;h3&gt;
  
  
  1. &lt;a href="https://uikit.wfp.org" rel="noopener noreferrer"&gt;WFP&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fbu3t2hni9d9igwxxrnbv.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fbu3t2hni9d9igwxxrnbv.png" alt="WFP storybook welcome page"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;⚙️ &lt;a href="https://github.com/wfp/ui" rel="noopener noreferrer"&gt;Source code&lt;/a&gt;&lt;/p&gt;




&lt;h3&gt;
  
  
  2. &lt;a href="https://clarity.design/storybook/core" rel="noopener noreferrer"&gt;Clarity Core&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fnqxf0vjrkur9b6er975j.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fnqxf0vjrkur9b6er975j.png" alt="Clarity storybook welcome page"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;⚙️ &lt;a href="https://github.com/vmware/clarity/tree/next/packages/core" rel="noopener noreferrer"&gt;Source code&lt;/a&gt;&lt;/p&gt;




&lt;h3&gt;
  
  
  3. &lt;a href="https://circuit.sumup.com" rel="noopener noreferrer"&gt;Circuit&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fry9qvick3qw48mc41wec.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fry9qvick3qw48mc41wec.png" alt="Circuit storybook welcome page"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;⚙️ &lt;a href="https://github.com/sumup-oss/circuit-ui/" rel="noopener noreferrer"&gt;Source code&lt;/a&gt;&lt;/p&gt;




&lt;h3&gt;
  
  
  4. &lt;a href="https://design.talend.com/?path=/docs/welcome--page" rel="noopener noreferrer"&gt;Talend&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqf42et1eqhydxwejjo8t.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqf42et1eqhydxwejjo8t.png" alt="Talend storybook welcome page"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;⚙️ &lt;a href="https://github.com/Talend/design-system" rel="noopener noreferrer"&gt;Source code&lt;/a&gt;&lt;/p&gt;




&lt;h3&gt;
  
  
  5. &lt;a href="https://carbon.sage.com/?path=/story/welcome--welcome-page" rel="noopener noreferrer"&gt;Carbon&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fto1db8cklgdocod9jiij.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fto1db8cklgdocod9jiij.png" alt="Carbon storybook welcome page"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;⚙️ &lt;a href="https://github.com/Sage/carbon" rel="noopener noreferrer"&gt;Source code&lt;/a&gt;&lt;/p&gt;




&lt;h3&gt;
  
  
  6. &lt;a href="https://developers.grafana.com" rel="noopener noreferrer"&gt;Grafana&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fyg25ftwxlj3l48n3sm9b.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fyg25ftwxlj3l48n3sm9b.png" alt="Grafana storybook"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;⚙️ &lt;a href="https://github.com/grafana/grafana/tree/main/packages/grafana-ui" rel="noopener noreferrer"&gt;Source code&lt;/a&gt;&lt;/p&gt;




&lt;h3&gt;
  
  
  7. &lt;a href="https://qvant-lab.github.io/qui-max/?path=/story/intro--page" rel="noopener noreferrer"&gt;Qui&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fp2a6m5o1uh2eeka0tk8u.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fp2a6m5o1uh2eeka0tk8u.png" alt="Qui storybook"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;⚙️ &lt;a href="https://github.com/Qvant-lab/qui-max" rel="noopener noreferrer"&gt;Source code&lt;/a&gt;&lt;/p&gt;




&lt;h3&gt;
  
  
  8. &lt;a href="https://orbit.sharegate.design" rel="noopener noreferrer"&gt;Orbit&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ffvgfkl643noio8kr3ton.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ffvgfkl643noio8kr3ton.png" alt="Orbit storybook page"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;⚙️ &lt;a href="https://github.com/gsoft-inc/sg-orbit/tree/master/storybook" rel="noopener noreferrer"&gt;Source code&lt;/a&gt;&lt;/p&gt;




&lt;h3&gt;
  
  
  9. &lt;a href="https://lifeomic.github.io/chroma-react/?path=/story/form-components-textfield--all" rel="noopener noreferrer"&gt;Chroma&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fg0yupl8ldi5sw1u3j6up.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fg0yupl8ldi5sw1u3j6up.png" alt="Chroma storybook page"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;⚙️ &lt;a href="https://github.com/lifeomic/chroma-react" rel="noopener noreferrer"&gt;Source code&lt;/a&gt;&lt;/p&gt;




&lt;p&gt;I am sure there are hundreds of nicely made Storybooks out there, and I would love to see them. Share your favorites in the comments section! 👏&lt;/p&gt;

</description>
      <category>storybook</category>
      <category>react</category>
      <category>designsystems</category>
      <category>docs</category>
    </item>
  </channel>
</rss>
