<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Forem: serhad iletir</title>
    <description>The latest articles on Forem by serhad iletir (@srhtiletir).</description>
    <link>https://forem.com/srhtiletir</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%2F547135%2F972c4636-684a-4d11-beb7-610acc87f060.jpeg</url>
      <title>Forem: serhad iletir</title>
      <link>https://forem.com/srhtiletir</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/srhtiletir"/>
    <language>en</language>
    <item>
      <title>6 Important Tools Using Blockchain Technology</title>
      <dc:creator>serhad iletir</dc:creator>
      <pubDate>Sun, 25 Jun 2023 18:20:53 +0000</pubDate>
      <link>https://forem.com/srhtiletir/6-important-tools-using-blockchain-technology-5g7d</link>
      <guid>https://forem.com/srhtiletir/6-important-tools-using-blockchain-technology-5g7d</guid>
      <description>&lt;p&gt;Blockchain technology is transforming digital experiences with important tools used in different industries.&lt;/p&gt;

&lt;p&gt;In this article, I will introduce tools such as ChainGPT, Rarible, Gelato Network, Polys, ThirdWeb, Owl.link and many more. BlockSurvey is a prominent solution for anonymous surveys.&lt;/p&gt;

&lt;p&gt;This list shows the potential and innovative uses of blockchain in different industries. As you explore these tools, you can better understand the power of blockchain technology.&lt;/p&gt;

&lt;h2&gt;
  
  
  Chain GPT
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--1oL0NBmK--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4q8425746fifv2ijl0tj.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--1oL0NBmK--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4q8425746fifv2ijl0tj.jpg" alt="Image description" width="800" height="477"&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href="https://www.chaingpt.org/"&gt;ChainGPT&lt;/a&gt; is an innovative platform combining advanced artificial intelligence and blockchain technology. This platform automatically creates and validates smart contracts over a large database. &lt;/p&gt;

&lt;p&gt;It speeds up the smart contract development process with its advanced artificial intelligence capabilities, while conducting transactions securely and transparently. In this way, it provides an easier, reliable and efficient experience for users.&lt;/p&gt;

&lt;h2&gt;
  
  
  BlockSurvey
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--Zmaw90hj--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7jajw6lztunc231lsi5k.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Zmaw90hj--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7jajw6lztunc231lsi5k.jpg" alt="Image description" width="800" height="477"&gt;&lt;/a&gt;&lt;br&gt;
BlockSurvey is a form application that offers its users the opportunity to create secure and anonymous surveys. Thanks to the &lt;a href="https://blocksurvey.io/solution/anonymous-survey-software"&gt;Anonymous Survey&lt;/a&gt; feature, users can keep their surveys completely private. Data is encrypted and identities remain confidential. &lt;br&gt;
BlockSurvey offers the perfect solution for privacy-focused users, allowing you to create safe and effective surveys.&lt;/p&gt;

&lt;h2&gt;
  
  
  Rarible
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--z8R_axDa--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6wgsr9k22oytdun7cgty.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--z8R_axDa--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6wgsr9k22oytdun7cgty.jpg" alt="Image description" width="800" height="477"&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href="https://rarible.com/"&gt;Rarible&lt;/a&gt; is a platform that offers users the opportunity to discover and create unique digital artworks. This platform is a marketplace powered by blockchain technology. Users can create, buy or sell their own digital works. &lt;br&gt;
Rarible provides direct interaction between artists and collectors and increases the value of art in the digital world. Rarible is a great platform to showcase your creativity and connect with the art community.&lt;/p&gt;

&lt;h2&gt;
  
  
  Gelato Network
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--PMoVPLNP--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xnxoswa989p8dcwj0atc.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--PMoVPLNP--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xnxoswa989p8dcwj0atc.jpg" alt="Image description" width="800" height="477"&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href="https://www.gelato.network/"&gt;Gelato Network&lt;/a&gt; is a protocol that provides automated transactions based on Ethereum. With pre-programmed smart contracts, users can automate their transactions. &lt;/p&gt;

&lt;p&gt;It acts as a bridge to the Ethereum ecosystem for efficient and fast transactions. Auto-triggered actions simplify complex processes. Gelato Network provides a smart and efficient trading experience.&lt;/p&gt;

&lt;h2&gt;
  
  
  Polys
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--gx8UQbMY--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j2q6dvfff5n9kd6bmgwp.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--gx8UQbMY--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j2q6dvfff5n9kd6bmgwp.jpg" alt="Image description" width="800" height="476"&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href="https://polys.vote/"&gt;Polys&lt;/a&gt; is a platform that helps users create reliable and transparent voting processes. This platform makes voting processes secure and tamper-proof with blockchain technology. &lt;/p&gt;

&lt;p&gt;Users can create customizable polls and voting systems, verify participants and share results transparently. Polys provides a reliable solution for elections, corporate voting and various democratic processes.&lt;/p&gt;

&lt;h2&gt;
  
  
  ThirdWeb
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--pb8iTWUm--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3mt8flq704y7xa2rgdkx.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--pb8iTWUm--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3mt8flq704y7xa2rgdkx.jpg" alt="Image description" width="800" height="477"&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href="https://thirdweb.com/"&gt;ThirdWeb&lt;/a&gt; is a platform focused on developing decentralized web applications. Using blockchain technology and distributed database technologies, it enables users to store their data securely and transparently. &lt;br&gt;
It enables developers to build reliable and scalable applications. Users can securely share their data and retain control. ThirdWeb is a solution that provides a decentralized web experience.&lt;/p&gt;

&lt;h2&gt;
  
  
  Owl.link
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--iWv1WdQO--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1svg6koy42ie4v05e9p2.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--iWv1WdQO--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1svg6koy42ie4v05e9p2.jpg" alt="Image description" width="800" height="477"&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href="https://owl.link/"&gt;Owl.link&lt;/a&gt; is a privacy-focused URL shortening service. This platform offers secure shortened links, protecting users' data and preventing them from being tracked. &lt;br&gt;
Users can customize the links they will share and share them securely. Owl.link is a great tool to help you protect online privacy.&lt;/p&gt;

</description>
      <category>blockchain</category>
      <category>dev</category>
      <category>tooling</category>
    </item>
    <item>
      <title>+20 Best Web Projects Made With Laravel</title>
      <dc:creator>serhad iletir</dc:creator>
      <pubDate>Sun, 18 Sep 2022 15:43:54 +0000</pubDate>
      <link>https://forem.com/srhtiletir/20-best-projects-made-with-laravel-59i6</link>
      <guid>https://forem.com/srhtiletir/20-best-projects-made-with-laravel-59i6</guid>
      <description>&lt;p&gt;Today, we are going to list the +20 best PHP projects that were built using Laravel. I have used &lt;a href="https://laravel.com/" rel="noopener noreferrer"&gt;Laravel&lt;/a&gt; to develop my own web apps and found it to be a highly useful and powerful PHP framework.&lt;/p&gt;

&lt;p&gt;Modern PHP framework Laravel is used for creating a wide variety of applications because it makes developers' lives easier. It can be used for creating everything from simple landing pages to huge e-commerce platforms.&lt;/p&gt;

&lt;p&gt;If you are a developer, you'll know how handy it can be to have someone else's code to look at when working on your own projects. Wouldn't it be nice to have a neat list of the best Laravel websites on the internet? The purpose of this post is to show you exactly that…&lt;/p&gt;

&lt;p&gt;Let’s dive into the good project built with Laravel.&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;a href="https://tinkerwell.app/" rel="noopener noreferrer"&gt;Tinkerwell&lt;/a&gt;
&lt;/h2&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%2Foppea5z3eyv6pi4vnej2.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%2Foppea5z3eyv6pi4vnej2.png" alt="Image description"&gt;&lt;/a&gt; Tinkerwell is a code runner for PHP applications. It provides an effective workflow, impressively fast autocompletion capabilities and an excellent user experience. This almost magical tool will allow you to be more productive, iterate faster and save you time.&lt;/p&gt;

&lt;h2&gt;
  
  
  Backpack
&lt;/h2&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%2F1wklmmnb4pb8azmm4f85.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%2F1wklmmnb4pb8azmm4f85.png" alt="Image description"&gt;&lt;/a&gt;&lt;br&gt;
Developing &lt;a href="https://backpackforlaravel.com/" rel="noopener noreferrer"&gt;custom admin panels&lt;/a&gt; is hard but it doesn't have to be! With Backpack, you can start building your admin dashboard in minutes. There's no need to build out an entire backend resource or worry about passing requests through every step of the process, Backpack will handle all of that for you.&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;a href="https://cachethq.io/" rel="noopener noreferrer"&gt;Cachet&lt;/a&gt;
&lt;/h2&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%2Fcwdfnmairitq3fk3jikn.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%2Fcwdfnmairitq3fk3jikn.png" alt="Image description"&gt;&lt;/a&gt;&lt;br&gt;
Security? Check. Alerting when your system goes down? &lt;br&gt;
Yep! Cachet is an open source status page system that serves as a hub for all your apps and services. It allows you to set up a beautiful responsive site that contains information about your company and products, and automatically informs users when your systems go down.&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;a href="https://flarum.org/" rel="noopener noreferrer"&gt;Flarum&lt;/a&gt;
&lt;/h2&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%2F4f66itnvtbxt932l4kqn.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%2F4f66itnvtbxt932l4kqn.png" alt="Image description"&gt;&lt;/a&gt;&lt;br&gt;
When you want to create a discussion group or have an online community, forum software is an ideal way for you to do so. But what makes Flarum different from other forum softwares out there? For starters, it's modern, simple and easy-to-use.&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;a href="https://www.monicahq.com/" rel="noopener noreferrer"&gt;MonicaHQ&lt;/a&gt;
&lt;/h2&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%2Figtahe8uec0twldhit6j.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%2Figtahe8uec0twldhit6j.png" alt="Image description"&gt;&lt;/a&gt;&lt;br&gt;
MonicaHQ is an open source, personal CRM tool that helps you manage relationships with friends, family, coworkers and other contacts of importance. With one account, you can easily keep track of important dates, conversations and activities while also having access to all your contact's personal details at your fingertips.&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;a href="https://www.pyrocms.com/" rel="noopener noreferrer"&gt;PyroCMS&lt;/a&gt;
&lt;/h2&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%2F1p7no2uxuhlftvi4syy4.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%2F1p7no2uxuhlftvi4syy4.png" alt="Image description"&gt;&lt;/a&gt;&lt;br&gt;
PyroCMS is a PHP framework that makes it easy to create websites using the Laravel PHP framework. &lt;br&gt;
It is open source, which means that the code is available for anyone to use and modify, and it has a built-in localization system that makes it easy to translate websites into multiple languages. &lt;br&gt;
Additionally, PyroCMS includes a variety of features that make it easy to manage and publish content, as well as scaffold components quickly and easily with the help of the command line tools. &lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;a href="https://laravel-zero.com/" rel="noopener noreferrer"&gt;Laravel Zero&lt;/a&gt;
&lt;/h2&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%2F0v5iiil23c9ynebd4yrl.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%2F0v5iiil23c9ynebd4yrl.png" alt="Image description"&gt;&lt;/a&gt;&lt;br&gt;
What if there were a language that could take care of everything for you? That's exactly what Laravel Zero is. Laravel zeros core functionalities into a clean and simple syntax, enabling developers to construct very complex applications faster than ever before. &lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;a href="http://apiato.io/" rel="noopener noreferrer"&gt;Apiato&lt;/a&gt;
&lt;/h2&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%2Fp5f929rqxiwsusmszjel.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%2Fp5f929rqxiwsusmszjel.png" alt="Image description"&gt;&lt;/a&gt;&lt;br&gt;
Apiato is an open source Laravel-based platform designed to help you build robust, maintainable and secure API-Centric Apps. The platform takes care of things like user authentication, role-based access control, database abstraction, message queues and database caching.&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;a href="https://www.faveohelpdesk.com/" rel="noopener noreferrer"&gt;Faveo&lt;/a&gt;
&lt;/h2&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%2Frji8ihx5y4fxtvfysazd.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%2Frji8ihx5y4fxtvfysazd.png" alt="Image description"&gt;&lt;/a&gt;&lt;br&gt;
Need to manage your customer service operations while keeping costs low? Faveo™ is an affordable help desk solution that gives you all of the tools you need to take care of support tickets fast.&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;a href="https://octobercms.com/" rel="noopener noreferrer"&gt;October CMS&lt;/a&gt;
&lt;/h2&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%2Fglxteejunm4oq3jcwa6q.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%2Fglxteejunm4oq3jcwa6q.png" alt="Image description"&gt;&lt;/a&gt;&lt;br&gt;
October CMS is a lightweight and flexible open-source content management system built with PHP. It is based on the Laravel framework, which means it comes with all of the useful features that you have come to expect from all Laravel products.&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;a href="https://koel.dev/" rel="noopener noreferrer"&gt;Koel&lt;/a&gt;
&lt;/h2&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%2Fcpl3ggbj0z1bzk1k01zy.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%2Fcpl3ggbj0z1bzk1k01zy.png" alt="Image description"&gt;&lt;/a&gt;&lt;br&gt;
Koel is a personal music streaming server that allows users to access their entire music library from anywhere. Unlike other music servers, Koel uses newer technologies like WebSockets and IndexedDB to create a more efficient and responsive experience that runs smoothly on modern devices&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;a href="https://trycanvas.app/" rel="noopener noreferrer"&gt;Canvas&lt;/a&gt;
&lt;/h2&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%2F8qa7bkvv7iw114fewauj.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%2F8qa7bkvv7iw114fewauj.png" alt="Image description"&gt;&lt;/a&gt;&lt;br&gt;
If you're a developer with a Laravel application that needs just a bit more eloquent writing experience, then Canvas is for you. It boasts many features such as a role-based permissions system for single publishers or team collaboration, light and dark modes that offer uniquely pleasant color palettes, auto saving your work so you never lose your place or your sanity. &lt;br&gt;
This product also comes with a way to connect your app to outside writers via a weekly digest of trending content.&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;a href="https://www.fusioninvoice.com/" rel="noopener noreferrer"&gt;FusionInvoice&lt;/a&gt;
&lt;/h2&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%2Fywza0tv55hheprgslhsg.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%2Fywza0tv55hheprgslhsg.png" alt="Image description"&gt;&lt;/a&gt;&lt;br&gt;
Do you lose hours every month trying to manage your invoices, quotes, and payments? FusionInvoice allows you to spend more time doing what you do best - running your business. We have pre-built integrations with PayPal, Stripe and Mollie in order to make accepting online payments as seamless as possible.&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;a href="https://www.mageni.net/" rel="noopener noreferrer"&gt;Mageni&lt;/a&gt;
&lt;/h2&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%2Fkv96p6djkskzwvlphrvl.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%2Fkv96p6djkskzwvlphrvl.png" alt="Image description"&gt;&lt;/a&gt;&lt;br&gt;
Mageni is an open source project that scans both internal and public assets for vulnerabilities like CRLF injection and others. With the help of Mageni, you can combine its scanning capabilities with other services to make sure your systems are secure.&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;a href="https://statsph.com/" rel="noopener noreferrer"&gt;Stats PH&lt;/a&gt;
&lt;/h2&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%2Fuxl68wla2up6f3movq9z.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%2Fuxl68wla2up6f3movq9z.png" alt="Image description"&gt;&lt;/a&gt;&lt;br&gt;
Are you interested in finding out how your product is doing on Product Hunt? Stats PH does just that! Stats PH offers monthly data analysis of how many people have voted for your product and when, so you can find the best time to launch it.&lt;br&gt;
It shows your launch's progress in terms of number of votes, comments and average review score.&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;a href="https://maool.com/" rel="noopener noreferrer"&gt;Maool&lt;/a&gt;
&lt;/h2&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%2F18bymyawlk56n37j5w64.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%2F18bymyawlk56n37j5w64.png" alt="Image description"&gt;&lt;/a&gt;&lt;br&gt;
Maool is a powerful email tool that makes it easy to create beautiful emails with no coding knowledge required. With its pre-designed templates and powerful editor, you can customize your email from scratch or use a template that matches your marketing needs. &lt;/p&gt;

</description>
      <category>laravel</category>
      <category>php</category>
      <category>beginners</category>
      <category>programming</category>
    </item>
    <item>
      <title>+10 Clonable Webflow Templates Powered With Javascript</title>
      <dc:creator>serhad iletir</dc:creator>
      <pubDate>Thu, 20 Jan 2022 14:43:24 +0000</pubDate>
      <link>https://forem.com/srhtiletir/10-clonable-webflow-templates-powered-with-javascript-546o</link>
      <guid>https://forem.com/srhtiletir/10-clonable-webflow-templates-powered-with-javascript-546o</guid>
      <description>&lt;p&gt;I have no software background. I developed my first website with Webflow. For a long time, I stayed within the limits of this no-code tool. In fact, the possibilities are endless, but if you want to develop a functional product, knowing a little Javascript really helps.&lt;/p&gt;

&lt;p&gt;A complete win cycle. No-code tools help you develop faster, while writing code helps you develop faster. Both support each other.&lt;/p&gt;

&lt;p&gt;I realized the power of Javascript on the &lt;a href="https://www.spacebarcounter.net/" rel="noopener noreferrer"&gt;Spacebar Counter &lt;/a&gt;microsite, which I developed for fun in my spare time.&lt;/p&gt;

&lt;p&gt;I wanted to make a tool that would count it on the screen every time I hit the spacebar key. What could have been solved with this two line javascript issue could not be done for Webflow.&lt;/p&gt;

&lt;p&gt;But I managed to make this site in Webflow with a custom JS contribution. I felt very smart that day.&lt;/p&gt;

&lt;p&gt;Then I did some deeper research and discovered what other members of the community have accomplished with custom code.&lt;/p&gt;

&lt;p&gt;Here are some impressive examples below.&lt;/p&gt;

&lt;h2&gt;
  
  
  Rich Text Enhancer (&lt;a href="https://webflow.com/website/Rich-Text-Enhancer-by-Refokus" rel="noopener noreferrer"&gt;cloneable&lt;/a&gt;)
&lt;/h2&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%2Ftt99hhxj79xz04ndb3c9.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%2Ftt99hhxj79xz04ndb3c9.png" alt="Rich Text Enhancer Screen Shoot"&gt;&lt;/a&gt;&lt;br&gt;
Webflow announced that it will develop the Rich text editor in 2022. The current editor is very limited. However, without waiting for native developments, it is possible to create great cms content with the above template.&lt;/p&gt;

&lt;h2&gt;
  
  
  Add Auto FavIcon (&lt;a href="https://webflow.com/website/Automatically-add-an-arrow-icon-to-every-external-link-in-your-Webflow-project" rel="noopener noreferrer"&gt;cloneable&lt;/a&gt;)
&lt;/h2&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%2Fd0tvlbynvs9ela5z7ffg.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%2Fd0tvlbynvs9ela5z7ffg.png" alt="Auto FavIcon Screenshot"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Usually we want to make a difference on our site to stand out from the crowd. We also apply to design to make a difference. But no matter how original we are, there are some common rules. These rules are not the norm but have been adopted by all users. One of them is the external link icon. Most users know that when they see this link, they will go to another link.&lt;/p&gt;

&lt;p&gt;When dealing with screens, it's just as important to make the user feel safe as it is to surprise them. Otherwise, the user may feel lost.&lt;/p&gt;

&lt;p&gt;In the example above, we see a code that automates adding an external link icon to all linked text.&lt;/p&gt;

&lt;h2&gt;
  
  
  Horizontal Scrolling (&lt;a href="https://webflow.com/website/Hokaido-Free-Horizontal-Scrolling-Template" rel="noopener noreferrer"&gt;cloneable&lt;/a&gt;)
&lt;/h2&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%2F8ml3opmemvsn2rrzbi23.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%2F8ml3opmemvsn2rrzbi23.png" alt="Horizontal Scrolling screenshot"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;When we hear the word scrolling, we think of a top-down action. This is also possible on Webflow. However, Horizontal scrolling has become a trend lately. &lt;br&gt;
This trend is really enjoyable if used without exaggeration. You can check out a well-executed example above, you can even clone it and use it in your own project.&lt;/p&gt;

&lt;h2&gt;
  
  
  UX Cookies (&lt;a href="https://webflow.com/website/UX-Cookies" rel="noopener noreferrer"&gt;cloneable&lt;/a&gt;)
&lt;/h2&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%2F4adroc23njfmpxekzs3c.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%2F4adroc23njfmpxekzs3c.png" alt="UX Cookies Screenshot"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;We're a little bored with cookies. They actually work great and are really helpful for the user experience as well. But their abuse has caused them to build a bad reputation. They're not that bad.&lt;/p&gt;

&lt;p&gt;You no longer need to be a software expert to take advantage of We cookies. This example is proof of that. There is even a video tutorial on Youtube.&lt;/p&gt;

&lt;h2&gt;
  
  
  Range Slider (&lt;a href="https://webflow.com/website/range-slider-weblocks" rel="noopener noreferrer"&gt;cloneable&lt;/a&gt;)
&lt;/h2&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%2Fqyk4ja166umrp6tqtwv5.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%2Fqyk4ja166umrp6tqtwv5.png" alt="Range Slider Screenshot"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;We mostly use machines to calculate things. This is the purpose of the invention of computers. While we wanted to invent the broom, we did not accidentally build the computer.&lt;br&gt;
The easier a calculator developed on screens, the more it is used. Range sliders also make this job easier.&lt;/p&gt;

&lt;h2&gt;
  
  
  AutoComplete Input (&lt;a href="https://webflow.com/website/autocomplete-input" rel="noopener noreferrer"&gt;cloneable&lt;/a&gt;)
&lt;/h2&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%2F59a76awdfchtqubbg3xn.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%2F59a76awdfchtqubbg3xn.png" alt="AutoComplete Input Screenshot"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;This Javascript build allows us to create a predictive text field. When tapping on a letter this keyboard will identify the most likely word, while the editing possibilities are endless. This works incredibly well with the default term array that contains all the possible completions.&lt;br&gt;
The suggestions are based on the first 2-3 letters pressed. The user can select from various values or add new values to the array using the CMS control panel or by removing them with JavaScript.&lt;/p&gt;

&lt;h2&gt;
  
  
  Soundboard (&lt;a href="https://webflow.com/website/Clubpad-Clubhouse-Soundboard" rel="noopener noreferrer"&gt;cloneable&lt;/a&gt;)
&lt;/h2&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%2F1hb18mvxme0ii4z4k87w.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%2F1hb18mvxme0ii4z4k87w.png" alt="Soundboard screenshot"&gt;&lt;/a&gt;&lt;br&gt;
This simple pad allows you to play sound effects for your Clubhouse. This includes: clapping hand sounds, heart beep boop sounds and a laugh track that is really more of a laugh-roar. &lt;br&gt;
Note: The laugh roar is only used when you tap the pad with two hands at the same time, otherwise it plays a regular roar sound. You can find me as Kiki on Club Penguin Island.&lt;/p&gt;

&lt;h2&gt;
  
  
  Price Calculator (&lt;a href="https://webflow.com/website/Calculator-jug3qtnl" rel="noopener noreferrer"&gt;cloneable&lt;/a&gt;)
&lt;/h2&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%2F9n37oksun12hy69sj4oq.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%2F9n37oksun12hy69sj4oq.png" alt="Price Calculator With Webflow"&gt;&lt;/a&gt;&lt;br&gt;
Are you responsible for setting the prices of your products? Are you always looking for a vendor that offers the best combination of price and customer service? Look no further! &lt;br&gt;
The Price Calculator is here to help. Use Price Calculator to set up product specific prices to meet your company's desired price point.&lt;/p&gt;

&lt;h2&gt;
  
  
  To Do App with React (&lt;a href="https://webflow.com/website/Webflow-React" rel="noopener noreferrer"&gt;cloneable&lt;/a&gt;)
&lt;/h2&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%2Fit3tm72gazmy2kq6vcuu.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%2Fit3tm72gazmy2kq6vcuu.png" alt="To Do App screenshot"&gt;&lt;/a&gt;&lt;br&gt;
React is beating the web. Is it the most popular way to build a web app? If you are asking yourself Can I implement the react on my WF project. These templates demonstrate it is possible. &lt;/p&gt;

&lt;h2&gt;
  
  
  Last Words
&lt;/h2&gt;

&lt;p&gt;This is the end of the list for now. If I come across impressive cloneable templates during time, I will definitely update this post to make your day.&lt;/p&gt;

</description>
      <category>webflow</category>
      <category>javascript</category>
      <category>beginners</category>
      <category>tutorial</category>
    </item>
  </channel>
</rss>
