teleren/devto huggingface dataset:
Cloudflare Based AI Embed System
Tags: cloudflarechallenge, devchallenge, ai, sveltekit
Published: 2024-04-15 08:00:52

*This is a submission for the [Cloudflare AI Challenge](https://dev.to/devteam/join-us-for-the-cloudflare-ai-challenge-3000-in-prizes-5f99).*

## What I Built

<!-- Tell us what your app does! -->
I have built a chatbot embed for web apps that can be deployed to cloudflare stack. It needs more work currently it's not complete. What I created is similar to [sitegpt](https:sitegpt.com). Where users visits trains there chatbots and then they can embed it on there websites using an iframe. I wanted to do this for whatsapp but after a bit research they asked for verification and other things.
## Demo
Web Link: [Botified.chat](https://botified.chat)
![Landing](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lgtib0n9ocu1y7p4ivh5.png)
![Dashboard](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xb40alvmm0cifl0sw43s.png)
<!-- Share a link to your deployed solution on Workers or Pages, and add a screenshot or video embed of your app here. -->

## My Code
Github: [Botified Chat](https://github.com/theetherGit/botified.chat)
This time I choose to use complete cloudflare stack with sveltekit and with there recent introduction of `platformProxy`, I like it somewhat. 

Tech Stack:
- Metaframework: Sveltekit
- Database: Cloudflare D1
- ORM: Drizzle
- Vector Database: Vectorize
- Deployment: Cloudflare Workers

<!-- Show us the code! Share a public link to your repo and be sure to include a README file with installation instructions. We also encourage you to add a license for your code.  --> 

## Journey

<!-- Tell us about your process, the task types and models you used, what you learned, anything you are particularly proud of, what you hope to do next, etc. -->

I started very late around a day ago but i did had this idea what i wanna build. So, I took my weapons and sat for 10 hours and completed as much as possible as i mentioned earlier it's not completed. It doesn't matter it gets rejected or anything. I learnt a lot in last 10 hrs about langchain, cloudflares workers issues, D1 migration handling with prisma and Drizzle. It's was fun to sit foe this long to do my own project. Sometimes, we just do the our 9-5 and forget the chances we get and this was my chance. I'll complete my project now.

**Multiple Models and/or Triple Task Types**

<!-- Let us know if your project utilized multiple models per task and/or if your project used three or more task types. If so, you may qualify for our additional prize categories! If not, please remove this section. -->
I have used 2 models:
- Embedding: @cf/baai/bge-large-en-v1.5 
- Chat: @cf/meta/llama-2-7b-chat-int8 
They serve there purpose well good enough. I'll be making changes in the project. I don't know it's allowed or not.

<!-- Don't forget to add a cover image or an additional tag to this post (if you want). -->

<!-- Thanks for participating! -->
Thanks @cloudflaredev and Dev.to for this fun project.
Daily Personal Care in Cairns: A Guide to Nurturing Your Well-Being
Tags: personalcare, dailycare
Published: 2024-04-15 08:00:47

Introduction
In the vibrant city of Cairns, amidst the lush greenery and pristine beaches, prioritizing daily personal care is paramount for maintaining holistic well-being. From skincare routines to mental health practices, cultivating habits that nourish both body and mind can greatly enhance one's quality of life. In this comprehensive guide, we delve into various aspects of [daily personal care in Cairns](https://www.adhealthcare.com.au/our-services/ndis-assistance-with-daily-personal-care-cairns/), offering valuable insights and practical tips to help you embark on a journey towards self-care and fulfillment.

Skincare Regimen for Cairns' Climate
Understanding Cairns' Climate
Cairns boasts a tropical climate characterized by warm temperatures and high humidity throughout the year. While the sunny weather is ideal for outdoor activities, it can also pose challenges for skincare due to increased sun exposure and moisture levels.

Essential Skincare Tips
Sun Protection: Invest in a broad-spectrum sunscreen with SPF 30 or higher to shield your skin from harmful UV rays. Reapply sunscreen every two hours, especially if you're spending extended periods outdoors.

Hydration: Hydrate your skin with lightweight, non-comedogenic moisturizers to prevent excessive oiliness and maintain a healthy glow. Look for products infused with hydrating ingredients like hyaluronic acid and glycerin.

Gentle Cleansing: Opt for gentle cleansers that effectively remove impurities without stripping away natural oils. Consider using micellar water or foaming cleansers suited for your skin type.

Antioxidant Protection: Incorporate antioxidant-rich serums or creams into your skincare routine to combat free radical damage caused by environmental factors such as pollution and UV radiation.

Mental Wellness Practices in Cairns
Embracing Nature
Cairns' abundant natural beauty provides an idyllic backdrop for nurturing mental well-being. Take advantage of the city's lush rainforests, tranquil beaches, and scenic trails to unwind and reconnect with nature.

Stress Management Techniques
Mindfulness Meditation: Dedicate a few minutes each day to mindfulness meditation, focusing on your breath and observing your thoughts without judgment. Practice mindfulness amidst Cairns' serene surroundings to cultivate a sense of inner peace and tranquility.

Outdoor Activities: Engage in outdoor activities such as hiking, swimming, or snorkeling to alleviate stress and boost mood-enhancing endorphins. Immerse yourself in Cairns' natural wonders and savor moments of joy and adventure.

Community Engagement: Connect with like-minded individuals through community events, workshops, or recreational clubs. Cultivate meaningful relationships and support networks to foster a sense of belonging and camaraderie.
Introducing Rails Icons: One Gem to Rule Them All
Tags: rails, webdev, design
Published: 2024-04-15 08:00:00

This article was first published on [Rails Designer](https://railsdesigner.com/introducing-rails-icons/)

---

Icons are critical for any app's UI. They enhance a web app's usability and aesthetic appeal, making a lot/complex information more accessible and navigation more intuitive for users.

**I don't run one app where I don't use icons**. Take a look at this example of one of my SaaS':


![Before and after of a Navigation without and with SVG icons](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ukknoj36nftvnpcrrads.jpg)

Even without being a designer, you can see the one with the (SVG) icons is easier to digest and it sure does look more appealing too!

Over the years, I've switched between multiple libraries. But I've been using [Heroicons](https://heroicons.com/) mostly in my latest products.

But no matter how much I like Heroicon–sometimes it's missing a certain icon–I need one icon from another library. Now, it's generally **not advised to mix icon libraries**. Often their styles are too different. But sometimes there's no way around it. Using a brand's logo from [SimpleIcons](https://simpleicons.org/), for example.

## Introducing: [Rails Icons](https://railsdesigner.com/rails-icons/)

Previously I had to copy the icon into my app's assets and recreate the logic to display a SVG file myself. Rails Icons allows you to do this with just one step: copying the icon into your app.

Usage of Rails Icons is straightforward.

```ruby
icon "check"
```

Or pass a class and data-attributes:

```ruby
icon "check", class: "text-green-500", data: { controller: "swap" }
```

If you want to add a custom icon library, that is not (yet) supported. You can add it to the `libraries` hash, like so:

```ruby
RailsIcons.configure do |config|
  # …
  config.libraries.merge!(
    {
      custom: {
        simple_icons: {
          solid: {
            path: "app/assets/svg/simple_icons/solid", # optional: the default lookup path is: `app/assets/svg/#{library_name}/#{set}`
            default: {
              css: "w-6 h-6"
            }
          }
        }
      }
    }
  )
  # …
end
```

You can then use it like so:

```ruby
icon "reddit", library: "simple_icons", set: "solid"
```

Rails Icons is an OSS gem, sponsored by [Rails Designer](https://railsdesigner.com/). It will soon be inluded as the default, replacing the current inline SVG's.

You can [check out the source code](https://github.com/Rails-Designer/rails_icons/) and help improve it (there are some [good first issues](https://github.com/Rails-Designer/rails_icons/issues?q=is%3Aissue+is%3Aopen+label%3A%22good+first+issue%22) to tackle.
Optimizing Vue.js Performance with v-if and v-show Directives
Tags: vue, performance, optimization, tutorial
Published: 2024-04-15 08:00:00

---
title: Optimizing Vue.js Performance with v-if and v-show Directives
published: true
description: Learn effective strategies for optimizing performance in Vue.js applications by leveraging the v-if and v-show directives. Enhance your understanding of when to use each directive and how they impact your application's rendering.
tags: vuejs, performance, optimization, tutorial
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2omlox3638rolbyi6hgj.png

# Use a ratio of 100:42 for best results.
published_at: 2024-04-15 08:00 +0000
---

Vue.js is a versatile JavaScript framework, but maximizing its performance requires strategic use of directives. In this article, we'll delve into optimizing Vue.js applications by leveraging the v-if and v-show directives. Understanding when and how to use these directives can significantly impact your application's rendering efficiency.

## 1. **Understanding the v-if Directive**

The v-if directive is a conditional rendering directive in Vue.js. It removes or recreates elements based on the truthiness of the expression it binds to. Learn how to effectively use v-if to conditionally render elements, improving both performance and user experience.

## 2. **Harnessing the Power of v-show**

While v-if removes or recreates elements, the v-show directive toggles the CSS display property of elements based on the truthiness of the expression. Discover how v-show differs from v-if and explore scenarios where v-show shines in optimizing Vue.js applications.

## 3. **Choosing Between v-if and v-show**

Both v-if and v-show have their strengths, but choosing the right one for your specific use case is crucial. Gain insights into the scenarios where v-if excels and where v-show provides a more suitable solution. Learn to make informed decisions for optimal performance.

## 4. **Conditional Rendering Best Practices**

Dive into best practices for conditional rendering in Vue.js. Understand the impact of your choices on the overall performance of your application. Uncover strategies to minimize unnecessary rendering and enhance the efficiency of your Vue.js components.

## 5. **Dynamic Rendering with Computed Properties**

Explore the use of computed properties to dynamically control the rendering behavior of your Vue.js components. Learn how to integrate computed properties with v-if and v-show to create more flexible and performant Vue.js applications.

## Conclusion: Elevate Your Vue.js Performance Game 🚀

Optimizing Vue.js performance is a continuous journey, and mastering the v-if and v-show directives is a crucial step. By understanding the nuances of these directives and incorporating best practices, you can create Vue.js applications that deliver exceptional performance and responsiveness. Stay tuned for more Vue.js insights and happy coding! 🌐✨
How to create a rating system with Tailwind CSS and Alpinejs
Tags: webdev, tutorial, tailwindcss, alpinejs
Published: 2024-04-15 07:54:13

In this tutorial, we'll be creating a rating system using Tailwind CSS and Alpine.js.

[Read the article See it live and get the code](https://lexingtonthemes.com/tutorials/how-to-create-a-rating-system-with-tailwind-css-and-alpine-js/)
if a miner do manipulation in the Blockchain what happens 🤔?
Published: 2024-04-15 07:53:03

 If a miner attempts to manipulate the blockchain by altering transactions or adding fraudulent data, the decentralized nature of the blockchain helps to prevent such manipulation. Other nodes in the network validate and verify transactions independently, so any attempt at manipulation would be detected and rejected by the majority of the network. Additionally, the consensus mechanism, such as Proof of Work or Proof of Stake, ensures that miners must invest resources or stake tokens to participate, making it economically impractical to manipulate the blockchain.
Kakizu: Turn your sketches into beautiful AI generated art using Cloudflare!
Tags: cloudflarechallenge, devchallenge, ai, webdev
Published: 2024-04-15 07:49:42

*This is a submission for the [Cloudflare AI Challenge](https://dev.to/devteam/join-us-for-the-cloudflare-ai-challenge-3000-in-prizes-5f99).*

## What I Built

Hey there, creative minds! I've cooked up something super cool called Kakizu that's gonna blow your artistic socks off. Get ready to turn those quirky doodles and sketches into mind-blowing AI-generated artworks with just a few clicks!

Kakizu is all about letting your imagination run wild on its rad drawing canvas. Whether you're a seasoned artist or just someone who loves doodling during boring meetings or classes, this is your chance to let those crayon scribbles shine. Once you've worked your sketch magic, get ready for the real showstopper. With the power of Cloudflare's AI awesomeness, Kakizu will zap your doodle into a jaw-dropping AI-generated masterpiece. It's like having your own personal art genie, but way cooler (and no lamps required).

## Demo

Demo Video -

{% vimeo https://vimeo.com/934727703?share=copy %}

Live App Link - https://kakizu.vercel.app/

## My Code

All the code for this project is open source on [github](https://github.com/asrvd/kakizu). Do leave a ⭐ if you liked the project!

## Journey

After thinking a lot about what I should build for this challenge, I came up with this idea where you can just scribble for fun and then AI generates an art based on that scribble!

I decided to use [Next.js](https://nextjs.org/) for my web app framework and [shadcn/ui](https://ui.shadcn.com/) for ui framework. Initially I thought of using the img2img model from cloudflare but that model didn't quite work as well. I realized that I needed to give the model a detailed prompt. Thus I decided to go with 3 separate models - one for identifying the objects in image, one for creating the prompt based on the previous caption, and the last one for generating the final image.

Working with cloudflare AI models was easy and fun thanks to the amazing documentation. I used the REST API endpoints for integrating the models with my API.

Creating the sketch pad for the app was one of the toughest tasks. I researched a lot to find the most appropriate library for the task and finally decided to use [react-konva](https://github.com/konvajs/react-konva). Once the user draws something and clicks on generate - the sketch is exported as an image and then fed to the model from cloudflare to generate the final image.

**Multiple Models and/or Triple Task Types**

My project qualifies for the Multiple Model Per Task Criteria. I have used the following three models to create AI art from sketches - 

1. @cf/unum/uform-gen2-qwen-500m - for identifying the objects in the user made sketch and captioning it.
2. @cf/meta/llama-2-7b-chat-fp16 - for creating appropriate prompt for ai image generation.
3. @cf/lykon/dreamshaper-8-lcm - for generating the final image.
How to Replace a Null with the Corresponding Value in the Previous Record
Tags: sql, development, database, laugange
Published: 2024-04-15 07:47:46

We have a database table HEADER, which has data as follows:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rcytbc6crq1tqt2t2vrk.png)
There is no connection between ENG1, ENG2 and ENG3, and there are null values under them. We can record them as ENGX. We are trying to sort the table by UPDATEDDATE, and, if ENGX in the current record is null, enter ENGX in the previous record in. Below is the desired result table:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/98thn7jl8zf55fx7cihp.png)
SQL written in SQL Server:

```
SELECT H.*, MAX(ENG1) OVER (PARTITION BY NAME, GRP1 ) AS IMPUTED_ENG1
            , MAX(ENG2) OVER (PARTITION BY NAME, GRP2 ) AS IMPUTED_ENG2
            , MAX(ENG3) OVER (PARTITION BY NAME, GRP3 ) AS IMPUTED_ENG3
FROM (
            SELECT H.*, COUNT(ENG1) OVER (PARTITION BY NAME ORDER BY UPDATEDDATE) AS GRP1
                        , COUNT(ENG2) OVER (PARTITION BY NAME ORDER BY UPDATEDDATE) AS GRP2
                        , COUNT(ENG3) OVER (PARTITION BY NAME ORDER BY UPDATEDDATE) AS GRP3
            FROM HEADER H
) H;
```
It is easy to approach the task using the natural way of thinking. Sort rows by UPDATEDDATE, and for each null ENGX, assign the previous ENGX value to it. As SQL sets are unordered, we need the window function to mark ENGX null and non-null values with different identifiers and populate desired values to nulls. This is complex because we need two SELECTs.


It is simple to implement the algorithm using the open-source esProc SPL:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/99s2llkef6sxwip39ldx.png)
SPL sets are ordered. It is easy for it to implement computations between neighboring values/records.
LibertyCoin Hub | 仮想通貨投資の未来を形作る
Published: 2024-04-15 07:36:47


LibertyCoin Hubは、その卓越した取引プラットフォームと独自の投資理念によって、デジタル通貨市場のリーダーを目指して急浮上しております。
弊社はフィンテックの中心地である米国にあり、LibertyCoin Hubは世界中のサービスをカバーしているだけでなく、その強力な技術サポートとユーザーエクスペリエンスで、世界中のデジタル通貨ユーザーから信頼を得ています。
 
中核的な強み
 
先進的な技術サポート:LibertyCoin Hubには世界のトップレベルの大学からエリートチームが集まっています。
彼らは深い技術的背景により、効率的で安定した取引プラットフォームを構築しております。多点負荷分流技術と多級サーバー保障を採用して、システムの流暢度と取引速度を確保します。
 
金融レベルのセキュリティ保証:LibertyCoin Hubは業界最先端の暗号化技術と複数のセキュリティ検証メカニズムを採用して、取引の安全性と信頼性を保証します。
トップセキュリティチームと協力して、銀行レベルの資産保護対策を構築し、ユーザーの資産に強力な保証を提供します。
 
製品とサービス
 
多様な取引サービス:LibertyCoin Hubは、ビットコイン、ライトコイン、イーサリアムなどの主要デジタル通貨やデリバティブを含む取引サービスを提供しており、現物、先物、レバレッジなどの様々な取引モデルをカバーし、ユーザーの多様な取引ニーズに応えております。
 
専門的な顧客サービス:24時間365日の多言語オンライン顧客サービスを提供しており、完璧なユーザーサービスシステムを確立して、ユーザーの取引過程のすべての疑問がタイムリーで効果的な解答を得ることができることを確保します。
 
ユニークな投資
 
LibertyCoin Hubは、伝統的な暗号通貨取引に特化しているだけでなく、デジタル通貨の資産管理にも大きな成果を挙げております。
特にICOやFOFマイニングプールのプロジェクトでは、業界をリードするイノベーション能力と優位性を示し、投資家に新たな収益チャンスを提供し、新たな活力を吹き込みました。
 
企業ビジョン
 
LibertyCoin Hubは、デジタル通貨市場で最も安全で、信頼性が高く、効率的な取引プラットフォームを目指しており、世界中のユーザーに最先端の取引技術と最高のサービス体験を提供しております。
今後も、LibertyCoin Hubはデジタル通貨市場の深さと広さを模索し、デジタル資産取引の新たな潮流をリードしていくでしょう。
 
将来への展望
 
デジタル資産取引の世界的なプラットフォームとして、LibertyCoin Hubは、技術革新とサービスの最適化を通じて、市場とユーザーの絶えず変化するニーズに応え、世界中のユーザーから信頼されるトップレベルのデジタル資産取引プラットフォームとなります。
 
LibertyCoin Hubに参加して、デジタル資産取引の新たな一章を開き、デジタル通貨投資の未来を共に創りましょう。
WHAT IS THE Value OF Animale Male Enhancement Gummies AND WHERE Could I at any point Buy THEM?
Published: 2024-04-15 07:30:16

The expense of Animale Male Enhancement Gummies may differ relying upon the site or stage from which you make the buy.

**DOES SUPER Wellbeing MALE Improvement OFFER A FREE Preliminary OR Discount Strategy?
**
Unsatisfied clients have the choice of profiting a 60-day unconditional promise. They can return the item inside this time span for a discount.

**HOW Could Animale Male Enhancement Gummies BE TAKEN?
**
To use [Animale Male Enhancement Gummies](https://www.gncpedia.com/animale-male-enhancement-cbd-gummies/) as an enhancement, it is prescribed to bite and consume them once a day completely.

**WHERE Might I at any point FIND Relative Surveys OF Items Like Animale Male Enhancement Gummies?
**
A: To investigate surveys of comparable items like Mudora Chewy candies, Seggs Chewy candies, and Bio Endurance CBD Chewy candies, you can allude to pertinent sources.

**WHAT ARE THE Possible Results OF Animale Male Enhancement Gummies?
**
No prominent secondary effects have been accounted for corresponding to Very Male Upgrade Chewy candies.

**WHERE Could I at any point Track down Additional Data Around Animale Male Enhancement Gummies?
**
We will give any new updates or data about Super Wellbeing Male Improvement here, so make sure to return for additional subtleties.

[https://www.gncpedia.com/animale-male-enhancement-cbd-gummies/](https://www.gncpedia.com/animale-male-enhancement-cbd-gummies/)
Top 2024 Most Reasonable Web Development Services | Egiz Solution
Tags: javascript, web, development
Published: 2024-04-15 07:30:09

The [best web development services](https://egizsolution.com/services/web-development/****), tailored to your business's needs, are offered by Egiz Solution. Our competence areas include responsive design, e-commerce solutions, web application development, custom web development, and CMS integration. Our specialized web development services are focused on creating scalable, high-performing websites that are customized for your unique requirements. Developing feature-rich websites that enhance user experience and boost income is our area of expertise in e-commerce. To create reliable attractive solutions, we utilize the most recent technological advancements in web application development. All of our websites function perfectly on various screens since they are flexible. Please send us an email at info@egizsolution.com to request further information.
Socvip ⚡ Socvip Club ⚡ Thiên Đường Cá Cược Đẳng Cấp [2024]
Published: 2024-04-15 07:29:15

Nho su chat luong va cong bang Socvip Club da nhan duoc su danh gia cao tu cong dong nguoi choi Tu do dan khang dinh vi the la mot trong nhung cong game ca cuoc hang dau tai Viet Nam
Dia Chi: 42 Ton That Thuyet Khu phó 1 Quan 4 Thanh pho Ho Chi Minh Viet Nam
Email: socvipmobi@gmail.com
Website: https://socvip.mobi
Dien Thoai:  (+63 ) 962 799 5670
#socvip #socvip_club #conggame_socvip #socvip_casino
Social Links:

https://socvip.mobi/

https://socvip.mobi/dang-ky-socvip/

https://socvip.mobi/nap-tien-socvip/

https://socvip.mobi/app-socvip/

https://socvip.mobi/rut-tien-socvip/

https://www.facebook.com/socvipmobi/

https://twitter.com/socvipmobi

https://www.diigo.com/profile/socvipmobi

https://glose.com/u/mobisocvip

https://www.youtube.com/@socvipmobi

https://www.pearltrees.com/socvipmobi

https://www.trepup.com/@mobisocvip

https://soundcloud.com/socvipmobi

https://www.scoop.it/u/socvipmobi

https://batotoo.com/user/1938291/socvipmobi

https://www.tumblr.com/socvipmobi

https://www.reddit.com/user/socvipmobi/

https://klotzlube.ru/forum/user/260628/

https://www.deviantart.com/socvipmobi

https://gravatar.com/socvipmobi

https://www.plurk.com/socvipmobi

https://www.pinterest.com/socvipmobi/

https://vimeo.com/socvipmobi

https://band.us/band/94424883

https://wakelet.com/@socvipmobi

https://www.blogger.com/profile/06165578929074607734

https://socvipmobi.blogspot.com/

https://profile.hatena.ne.jp/socvipmobi/profile

https://issuu.com/socvipmobi

https://disqus.com/by/socvipmobi/about/

https://about.me/socvipmobi

https://www.mixcloud.com/socvipmobi/

https://www.producthunt.com/@socvipmobi

https://hub.docker.com/r/socvipmobi/socvipmobi

https://500px.com/p/socvipmobi

https://profile.ameba.jp/ameba/socvipmobi/

https://mto.to/user/1938291/socvipmobi

https://www.nicovideo.jp/user/132555065

https://readthedocs.org/projects/socvipmobi/

https://learn.microsoft.com/vi-vn/users/socvipmobi/

https://github.com/socvipmobi

https://community.fabric.microsoft.com/t5/user/viewprofilepage/user-id/714633

https://medium.com/@socvipmobi/about

https://www.behance.net/socvipmobi

https://www.openstreetmap.org/user/socvipmobi

https://draft.blogger.com/profile/06165578929074607734

https://www.liveinternet.ru/users/socvipmobi/post504340404/

https://linktr.ee/socvipmobi

https://www.twitch.tv/socvipmobi/about

https://tinyurl.com/socvipmobi

https://ok.ru/socvipmobi/statuses/156232069818407

https://dribbble.com/socvipmobi/about

https://sway.cloud.microsoft/QEeD1bI9zEbiWr7G?ref=Link

https://unsplash.com/fr/@socvipmobi

https://scholar.google.com/citations?user=nOmNXRAAAAAJ&hl=en