teleren/devto huggingface dataset:
Elevate Loyalty: Minting Polygon-Based Rewards with Wix Backend Events
Tags: devchallenge, wixstudiochallenge, webdev, javascript
Published: 2024-07-08 03:41:32

*This is a submission for the [Wix Studio Challenge ](https://dev.to/challenges/wix).*

## What I Built
I've developed an innovative loyalty program platform using Wix Studio and Velo (Service Plugins). This platform incentivizes user engagement and fosters brand loyalty through:

- Polygon-Based Rewards: Users earn loyalty points in the form of Polygon tokens, offering them real value and the ability to participate in the wider Web3 ecosystem.
- Event-Driven Minting: Points are minted automatically when users complete actions like making purchases, submitting reviews, or referring friends.
- Gamified Experience: The platform encourages participation with a tiered rewards system and exciting redemption options.

## Demo
https://ubinix5warun.wixstudio.io/wix-x-devto-airdrop

## Development Journey
Purpose of onCheckoutCompleted()

This event is your golden ticket to trigger actions right after a customer successfully completes a purchase on your Wix store. It's a crucial point to:

- Award Loyalty Points: Calculate and mint loyalty tokens on the Polygon blockchain based on the purchase amount or specific items bought.
- Update User Balances: Increase the customer's loyalty point balance in your Wix database.
- Trigger Personalized Messages: Send a thank-you email or notification, potentially including the newly earned loyalty point amount.
- Analyze Purchase Data: Gather data for insights into purchasing trends, which can help refine your loyalty program.

Code Example (Velo - Backend):
```
import wixData from 'wix-data';
import { mintLoyaltyTokens } from 'backend/polygon-api'; // Your custom Polygon interaction module

export function wixEcom_onCheckoutCompleted(event) {
  const { checkout } = event;
  const customerId = checkout.buyerInfo.memberId; 
  const totalAmount = checkout.totals.total;

  // 1. Calculate Loyalty Points (Example logic: 1 point per $10 spent)
  const pointsEarned = Math.floor(totalAmount / 10);

  // 2. Mint Loyalty Tokens on Polygon (Assuming you have this function)
  mintLoyaltyTokens(customerId, pointsEarned);

  // 3. Update User's Loyalty Points in Database
  wixData.query("Members")
    .eq("_id", customerId)
    .find()
    .then((results) => {
      const member = results.items[0];
      member.loyaltyPoints += pointsEarned;
      wixData.update("Members", member);
    });

  // 4. (Optional) Trigger Personalized Email/Notification
  // ... (using Wix Automations or a 3rd-party service)
}
```

How to Set Up
- Backend Function: Create the wixEcom_onCheckoutCompleted function in a backend module (e.g., backend/events.js).
- Event Registration: Register this function as an event handler in your site's backend (Wix dashboard -> Velo -> Backend).
- Polygon Interaction: Develop the mintLoyaltyTokens function (or equivalent) to interact with your Polygon smart contract and mint the loyalty tokens.
- Database: Ensure you have a "Members" collection in your Wix database to store user loyalty points.
Round Two: Enhancing the Ollama Cluster
Tags: ollama, openwebui, hardware, troubleshooting
Published: 2024-07-08 03:43:01

## Re-cap

Just over three weeks ago I wrote a post titled: [Setting Up an Ollama + Open-WebUI Cluster](https://www.saltyoldgeek.com/posts/ollama-cluster-part-i/?utm_source=internal), where I went over my first experiment in creating a entry barrier node for what was to become an Ollama cluster. In short, I could see the card but performance was negligible. Working on what I was previously able to accomplish it was time to bump things up.

## Round Two Setup

Using the same Nvidia Quadro K620 and USB-C Power supply the only item left was the adapter and host machine. This time it was a Lenovo M700 Tiny and the [ADT-Link M.2 NGFF NVMe Key M Extender Cable](https://www.amazon.com/dp/B07YDH8KW9). Originally this was going to go into the Wifi card slot on the motherboard, what I didn't think to check was that while the NVME drive was M key the wifi card was A+E keyed, ok, let's try the NVME slot and temporary mode the drive to an external NVME-to-USB adapter. The drive booted with no problem, however NVIDIA card was not recognized at all, it did spin the fan as would be expected when signaled on, but no dice in `lspci`.

## Adapt to M.2 A+E Key?

Sadly, after much research, any adapter to the A+E key would only support PCIe 1x, which is not worth the effort. There is a possible solution that might still work for this task, but that's another post. Keep watching for updates, and until next time, fair winds and following seas.
Thiết kế Website Tại Hà Tĩnh Phù Hợp Mọi Ngành Nghề
Tags: website, digitalmarketing, seo, terus
Published: 2024-07-08 03:51:49


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y08zwifumsvuzzt5zb63.jpg)
Ngày nay, Internet bao trùm mọi lĩnh vực. Việc tìm kiếm thông tin trên Internet hay mua bán, kinh doanh trực tuyến không còn xa lạ với mọi người, không chỉ ở Hà Tĩnh mà còn ở tất cả các nơi khác. Doanh nghiệp muốn tồn tại và phát triển cần có cách thích ứng và thay đổi theo xu hướng khách hàng. 

Và website tại Hà Tĩnh là một trong những công cụ marketing quan trọng nhất trong thời đại công nghệ 4.0. Việc tạo và phát triển một website chuyên dụng cho doanh nghiệp không chỉ giúp thương hiệu của bạn được nhiều người biết đến mà còn dễ dàng nâng cao hiệu quả hoạt động. 

Một website không chỉ giúp thiết lập sự hiện diện của doanh nghiệp trên internet, mà còn mang lại nhiều lợi ích khác như tối ưu hóa cơ hội tiếp cận khách hàng, quảng bá thương hiệu không giới hạn, phục vụ khách hàng hiệu quả và là một phương tiện truyền thông linh hoạt. 

Terus, với nhiều năm kinh nghiệm trong lĩnh vực thiết kế website, cam kết mang đến những [giải pháp thiết kế website chuyên nghiệp, chuẩn SEO và Insight khách hàng](https://terusvn.com/thiet-ke-website-tai-hcm/) cho các doanh nghiệp tại Hà Tĩnh. Khi hợp tác với Terus, doanh nghiệp sẽ nhận được những gì?

Đầu tiên, doanh nghiệp sẽ có một giao diện website đẹp mắt, độc quyền và phù hợp với thương hiệu của mình. Website được thiết kế chuẩn SEO, chuẩn di động và responsive, đảm bảo trải nghiệm tối ưu cho người dùng trên mọi thiết bị. Ngoài ra, website sẽ được trang bị đầy đủ các tính năng cần thiết, cùng với một hệ thống quản trị đơn giản, dễ sử dụng.

Với kinh nghiệm, đội ngũ chuyên gia và quy trình thiết kế website chuyên nghiệp, Terus cam kết mang đến các giải pháp website tại Hà Tĩnh tối ưu, góp phần thúc đẩy sự phát triển của các doanh nghiệp tại địa phương này. Nếu bạn đang tìm kiếm một [đơn vị thiết kế website uy tín tại Hà Tĩnh](https://terusvn.com/thiet-ke-website-tai-hcm/), hãy liên hệ với Terus để được tư vấn và hỗ trợ. 

Tìm hiểu thêm về [Thiết kế Website Tại Hà Tĩnh Phù Hợp Mọi Ngành Nghề](https://terusvn.com/thiet-ke-website/thiet-ke-website-tai-ha-tinh/)

Các dịch vụ tại Terus:

Digital Marketing:

·        [Dịch vụ Facebook Ads](https://terusvn.com/digital-marketing/dich-vu-facebook-ads-tai-terus/)

·        [Dịch vụ Google Ads](https://terusvn.com/digital-marketing/dich-vu-quang-cao-google-tai-terus/)

·        [Dịch vụ SEO Tổng Thể](https://terusvn.com/seo/dich-vu-seo-tong-the-uy-tin-hieu-qua-tai-terus/)

Thiết kế website:

·        [Dịch vụ Thiết kế website chuẩn Insight](https://terusvn.com/thiet-ke-website/dich-vu-thiet-ke-website-chuan-insight-chuyen-nghiep-uy-tin-tai-terus/)

·        [Dịch vụ Thiết kế website](https://terusvn.com/thiet-ke-website-tai-hcm/)
Self-Hosting Perplexica and Ollama
Tags: ollama, perplexica, perplexityai
Published: 2024-07-08 03:57:59

## Perplexica and Ollama Setup

Are you in the self-hosted camp, enjoying Ollama, and wondering when we'd have something like Perplexity AI but local, and maybe a bit more secure? I had been keeping an eye out when I came across an article on [MARKTECHPOST](https://www.marktechpost.com/2024/06/09/perplexica-the-open-source-solution-replicating-billion-dollar-perplexity-for-ai-search-tools/) about [Perplexica](https://github.com/ItzCrazyKns/Perplexica). So I decided to take a crack at it. There were a few issues I encountered which we'll work around in the Perplexica setup, aside from config there was a call property that we need to address. Let's dive in.

## Ollama Install and Setup

To begin with Ollama, follow these steps:

1. Run the installation script using

    ```bash
    curl -fsSL https://ollama.com/install.sh | sh
    ```

2. Pull the latest version of Llama3 using

    ```bash
    ollama pull llama3:latest
    ```

3. Pull the latest version of Nomic-Embed-Text using

    ```bash
    ollama pull nomic-embed-text:latest
    ```

4. Edit the Ollama service file by running sudo systemctl edit ollama.service and adding the following lines

    ```text
    Copy Code
    [Service]
    Environment="OLLAMA_HOST=0.0.0.0"
    ```

5. Reload the systemd daemon using

    ```bash
    sudo systemctl daemon-reload
    ```

6. Restart the Ollama service using

    ```bash
    sudo systemctl restart ollama
    ```

## Perplexica Setup

To set up Perplexica, follow these steps:

1. Clone the Perplexica repository using

    ```bash
    git clone https://github.com/ItzCrazyKns/Perplexica.git
    ```

2. Copy the sample configuration file to a new file named config.toml

    ```bash
    using cp sample.config.toml config.toml
    ```
3. Open config.toml in a text editor (such as nano) and make the following changes:

    ```toml
    Change OLLAMA = http://server-ip:11434
    ```
    Comment out the server for SEARXNG and press CTRL+X to exit and Y to save
4. Open `ui/components/theme/Switcher.tsx` in a text editor (such as nano) and make the following changes to line 10

    ```text
    const ThemeSwitcher = ({ className, size }: { className?: string; size?: number }) => {
    ```

    Then press ctrl+x, then y to save the file
5. Open `docker-compose.yml` in a text editor (such as nano) and make the following changes
   ```text
    SEARXNG_API_URL=http://server-ip:4000
    NEXT_PUBLIC_API_URL=http://server-ip:3001/api
    NEXT_PUBLIC_WS_URL=ws://server-ip:3001
   ```

6. Build and start the Perplexica container using
    ```bash
    docker compose up -d --build
    ```

7. Access Perplexica by visiting `http://server-ip:3000` in your web browser

That's it! With these steps, you should be able to set up both Perplexica and Ollama on your system. If you found this helpful please share this post, donate to my Buymeacoffee, or clap if you're reading this on Medium. Till next time fair winds and following seas!
4 Essential UI Design Tips That Will Transform Your Interfaces
Tags: beginners, ux, ui, productivity
Published: 2024-07-08 03:59:56

## Starting from scratch
Starting a new design completely from the ground up can be a challenging task, if you don't have the complete requirements or haven't decided on the features that your product will have.

Figure out the main components of your product first and then get to designing. If you spend time designing a cool navigation component but later found that the product doesn't need a navigation component then your effort will be wasted.

You can always use that component in another design but you designed something that wasn't needed and this can be quite a blunder when your working with tight deadlines.

> Focusing on the main features and components will help you save time and also get your work done faster.

## Using a Design System
If you have a pre-defined color scheme or a design system that you will use for the aesthetics of your design then start using it from the beginning so that you can incorporate it into your design easily.

If not, don't stress over it. Start your design with black and white colors and then add colors and accents at the end so that you don't waste time experimenting with colors while your design isn't even finished.

Creating designs in monotone or gray scale will allow you to experiment with spacing, contrast and size of the design and you'll end up with a cleaner design that you can add color to whenever you want.

## Ship whats neccessary
There are a ton of features that you can add in your product whether you want to include them or not. 

In the start, add only the necessary and core components and then listen to the user feedback about which features they need and how they need it in your product and then design them and add them.

Doing so will make your product lean and will make the user happy as well as you're only shipping the features that they need and not unnecessary features that will make users want to leave your product.

## Design Accordingly
The vibe of your designs should be according to the main user demographic. If you're making a corporate or finance product then the vibe should be more professional looking with simple colors and fonts and to the point components that make the design look inline with the company or business.

On the other hand, a product for a startup or a product that focuses on the youth will have a totally different vibe to it. It will have wild design, large-size typography, animations, fun-little interactions, and other interactive elements that catch the attention of the viewer.

---
Which of these tips resonated with you the most? Share your thoughts in the comments and let me know how you plan to apply it in your next UI design project. Don't forget to like and share if you found this helpful!
Thiết kế Website Tại Hải Dương Chuyên Nghiệp
Tags: website, digitalmarketing, seo, terus
Published: 2024-07-08 04:00:04


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a5we7o0x5fbemxh9u0w3.jpg)

[Dịch vụ thiết kế website chuyên nghiệp và hiện đại](https://terusvn.com/thiet-ke-website-tai-hcm/) không chỉ là một công cụ để quảng bá thương hiệu, sản phẩm và dịch vụ, mà còn là một kênh tiếp cận khách hàng tiềm năng và tăng cường sự tương tác. Đối với các doanh nghiệp tại Hải Dương, việc đầu tư xây dựng một website uy tín và tối ưu sẽ mang lại nhiều lợi ích như:

Thiết lập sự hiện diện trực tuyến, tăng tính chuyên nghiệp và uy tín của thương hiệu.

Tận dụng tối đa các cơ hội tiếp cận và thu hút khách hàng mới trên môi trường online.

Cung cấp một kênh quảng cáo, tiếp thị không giới hạn, tiết kiệm chi phí so với các phương tiện truyền thông truyền thống.

Cải thiện trải nghiệm của khách hàng thông qua các tính năng tiện ích và dịch vụ hỗ trợ trực tuyến hiệu quả.

Trở thành một phương tiện truyền thông linh hoạt, giúp doanh nghiệp dễ dàng cập nhật thông tin, tương tác với khách hàng.


Với dịch vụ thiết kế website tại Hải Dương do Terus cung cấp, doanh nghiệp sẽ nhận được những gì?

Giao diện website độc quyền, mang phong cách riêng của doanh nghiệp, tạo ấn tượng đầu tiên tốt với khách hàng.

Chuẩn SEO và tối ưu hiển thị trên các thiết bị di động, đáp ứng các tiêu chuẩn hiện đại.

Đầy đủ các tính năng cần thiết cho hoạt động kinh doanh, quản lý và tương tác với khách hàng.

Hệ thống quản trị website dễ sử dụng, giúp doanh nghiệp dễ dàng cập nhật, quản lý nội dung.

Terus tự tin là một trong những công ty hàng đầu về lĩnh vực thiết kế và phát triển website tại Hải Dương. Với đội ngũ chuyên gia giàu kinh nghiệm, Terus cam kết mang lại những [giải pháp thiết kế website tối ưu, đáp ứng mọi nhu cầu](https://terusvn.com/thiet-ke-website-tai-hcm/) của doanh nghiệp. 

Tìm hiểu thêm về [Thiết kế Website Tại Hải Dương Chuyên Nghiệp](https://terusvn.com/thiet-ke-website/thiet-ke-website-tai-hai-duong/)

Các dịch vụ tại Terus:

Digital Marketing:

·        [Dịch vụ Facebook Ads](https://terusvn.com/digital-marketing/dich-vu-facebook-ads-tai-terus/)

·        [Dịch vụ Google Ads](https://terusvn.com/digital-marketing/dich-vu-quang-cao-google-tai-terus/)

·        [Dịch vụ SEO Tổng Thể](https://terusvn.com/seo/dich-vu-seo-tong-the-uy-tin-hieu-qua-tai-terus/)

Thiết kế website:

·        [Dịch vụ Thiết kế website chuẩn Insight](https://terusvn.com/thiet-ke-website/dich-vu-thiet-ke-website-chuan-insight-chuyen-nghiep-uy-tin-tai-terus/)

·        [Dịch vụ Thiết kế website](https://terusvn.com/thiet-ke-website-tai-hcm/)
SEO Offpage là gì
Tags: khoahocseoimta, daotaoseoimta, daotaoseotphcm, seooffpage
Published: 2024-07-08 04:06:47

SEO Offpage, hay còn gọi là SEO Offsite, là một kỹ thuật tối ưu hóa các yếu tố ngoài trang web nhằm nâng cao thứ hạng trên trang kết quả tìm kiếm (SERP). Các yếu tố chính bao gồm:
Xây dựng liên kết ngoài (backlink): Tạo ra các liên kết chất lượng từ các trang web uy tín trỏ về trang web của bạn, giúp tăng cường độ tin cậy và sức mạnh của trang web.
Phát triển mạng xã hội (social entity): Tận dụng các nền tảng mạng xã hội để tương tác và xây dựng mối quan hệ với khách hàng tiềm năng, tạo ra lưu lượng truy cập tự nhiên và sự quan tâm đối với thương hiệu.
Tạo dấu ấn trên mạng xã hội (social bookmarking): Sử dụng các trang mạng xã hội để đánh dấu và chia sẻ nội dung quan trọng, giúp tăng cường khả năng hiển thị và tương tác của trang web.
Việc triển khai chiến lược SEO Offpage mang lại nhiều lợi ích quan trọng cho website:
Tăng chỉ số EEAT (Expertise, Authoritativeness, Trustworthiness): Khẳng định tính chuyên môn, uy tín và độ tin cậy của trang web trong mắt công cụ tìm kiếm.
Tăng lưu lượng truy cập (traffic): Thu hút lượng truy cập chất lượng cao từ các nguồn liên kết ngoài và mạng xã hội.
Gia tăng chuyển đổi (conversions): Chuyển đổi lưu lượng truy cập thành khách hàng thực sự, cải thiện hiệu quả kinh doanh.
Tăng nhận diện thương hiệu (brand awareness): Mở rộng tầm ảnh hưởng và nhận diện thương hiệu thông qua các hoạt động ngoại vi trên mạng.
SEO Offpage là một phần không thể thiếu trong chiến lược SEO tổng thể, giúp đảm bảo rằng trang web không chỉ tối ưu hóa về mặt kỹ thuật mà còn có sự hiện diện mạnh mẽ và uy tín trong cộng đồng trực tuyến.
Tham khảo tổng quan kiến thức về SEO Offpage tạ bài viết: [](https://imta.edu.vn/seo-offpage-la-gi/)
Thông tin liên hệ
Công ty TNHH IMTA
Điện thoại: 028 2269 9899
Email: info@imta.edu.vn
Địa chỉ: Tòa Nhà Charmington La Pointe , Số 181 Cao Thắng nối dài, Phường 12, Quận 10, Thành phố Hồ Chí Minh, Việt Nam
Website: [https://imta.edu.vn/](https://imta.edu.vn/)
Khóa học SEO: [https://imta.edu.vn/khoa-hoc-seo-website/](https://imta.edu.vn/khoa-hoc-seo-website/)
#khoahocseoimta #daotaoseoimta #daotaoseotphcm

Social:
[https://khoahocseowebsite.bravesites.com/entries/general/seo-off-page-la-gi](https://khoahocseowebsite.bravesites.com/entries/general/seo-off-page-la-gi
)
[https://diigo.com/0wseyj](https://diigo.com/0wseyj
)
[https://www.4shared.com/s/fhTVrw5Jdge](https://www.4shared.com/s/fhTVrw5Jdge)
[https://online.pubhtml5.com/timwy/dnma/](https://online.pubhtml5.com/timwy/dnma/
)
[https://diendannhansu.com/threads/seo-offpage-la-gi.474075/](https://diendannhansu.com/threads/seo-offpage-la-gi.474075/
)
[https://telegra.ph/SEO-Offpage-la-gi-07-08](https://telegra.ph/SEO-Offpage-la-gi-07-08)
Mastering CSS Grid Layout
Published: 2024-07-08 04:17:13

Introduction:

CSS Grid layout is a powerful tool for creating responsive and dynamic layouts on web pages. With its advanced features and user-friendly syntax, it has become the go-to choice for designers and developers. In this article, we will discuss the advantages, disadvantages, and features of mastering CSS Grid layout.

Advantages:

1. Flexible Grid System:
CSS Grid layout provides a flexible grid system that allows for easy placement and alignment of elements on a webpage. This makes it easier for designers to create responsive and dynamic layouts that work on various screen sizes.

2. Simplified Responsive Design:
With CSS Grid, creating responsive designs becomes easier as it allows you to set grid properties for different screen sizes. This eliminates the need for media queries and reduces the complexity of responsive design.

3. Easy to Learn and Use:
Unlike other layout methods, CSS Grid has a simple and intuitive syntax, making it easy to learn and use. This saves time and effort for developers, allowing them to focus on other aspects of web development.

Disadvantages:

1. Browser Compatibility:
One of the main disadvantages of CSS Grid is its limited support in older browsers. This can be a challenge for developers as they need to use fallback methods to ensure the layout appears correctly.

2. Complex Syntax:
Although CSS Grid has a relatively easy syntax, it can become complex when dealing with more advanced layouts. This might be challenging for beginners, and it requires practice to master.

Features:

1. Explicit Control:
With CSS Grid, designers have complete control over the placement and alignment of elements on a webpage. This allows for more creativity and flexibility in design.

2. Nesting and Overlapping:
CSS Grid allows for nesting of grids within one another, enabling designers to create more complex layouts. It also allows for overlapping of grids, providing even more design possibilities.

Conclusion:

CSS Grid layout offers numerous advantages for designers and developers, such as flexible grids, simplified responsive design, and explicit control. However, it also has its limitations, such as browser compatibility and complex syntax. By mastering CSS Grid, designers can create dynamic and responsive layouts, making it an essential tool in modern web development. With constant updates and improvements, CSS Grid is here to stay and will continue to shape the future of web design.
Turnover B2B
Published: 2024-07-08 06:06:35


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vwcex033vild1wg5x8by.jpg)

"Introducing Turnover, the cutting-edge business marketplace designed for the next generation commerce. Our platform is dedicated to empowering brands, wholesalers, distributors, retailers and resellers through innovative features such as tiered pricing, deals, and rewards.

Experience personalized, B2B sourcing elevated by our advanced AI algorithms, ensuring that you discover products perfectly aligned with your customers' needs and preferences. With [Turnover](https://www.turnover.biz), buying in bulk becomes even more advantageous with our Buy More, Save More feature, where the more you buy, the less you pay per unit—a true win-win situation.

Furthermore, our platform offers exclusive deals tailored specifically for you, whether you're a first-time buyer or a loyal customer. At Turnover, we're committed to democratizing B2B commerce and delivering unparalleled value to our buyers and suppliers. "
Windows Terminal with Screen Reader
Tags: terminal, powershell, nvda, screenreader
Published: 2024-07-08 04:53:25

---
title: Windows Terminal with Screen Reader
published: true
description: Tips on how to use  terminal application such as Powershell with NVDA screen reader.
tags: 'terminal, powershell, nvda, screenreader'
cover_image: null
canonical_url: null
---
When I first started using a screen reader, one of the biggest challenges I faced was operating terminal applications like Powershell. It took me quite some time to become comfortable navigating and using these terminal apps.

This article shares tips on operating Powershell and other terminal applications using the NVDA screen reader (Desktop keyboard layout), based on my personal experience. It is a work-in-progress article that will be updated over time.

## Reading Text in the Terminal
In the terminal, the cursor is always at the bottom. To read text, use the Navigator Object. For example, to read the previous line use `Numpad 7`for Desktop Layout. Full description about the Navigator Object navigation can be found in [NVDA Command Key Quick Reference](https://www.nvaccess.org/files/nvdaTracAttachments/455/keycommands%20with%20laptop%20keyboard%20layout.html) page.


## Copying Text
To copy a range of text in the terminal, follow these steps:
1. Mark the start of the text to be copied: 
   - Use the Navigator Object to move to the starting point of the text you want to copy. 
   - Press `Caps Lock` + `F9`.
2. Mark the end of the text:
   - Use the Navigator Object to move to the endpoint of the text selection.
   - Press `Caps Lock` + `F10` twice. (Hold the `Caps Lock` and then quickly press `F10` twice.)

After completing these steps, the selected text will be copied to the clipboard.