teleren/devto huggingface dataset:
Creating Your Own Video Streaming Site
Tags: webdev, tutorial, beginners
Published: 2023-12-21 02:29:09

In this tutorial, you'll learn how to create your own video streaming site. This allows you to host and stream videos online. Please note that this is a basic introduction and requires some technical knowledge.

## Step 1: Server Selection

Choose a reliable hosting provider. Common options include [Amazon Web Services](https://aws.amazon.com/) (AWS), [Google Cloud](https://cloud.google.com/) or [Github Pages](https://snap-bang.github.io/). Ensure that the selected provider can provide the necessary resources for video streaming.

## Step 2: Content Management System (CMS)

Install a Content Management System such as WordPress or Joomla. These systems allow you to easily upload, organize, and manage videos on your website.

## Step 3: Video Compression

Before uploading videos, compress them to improve loading times. Use appropriate tools or services for video compression to reduce file size without compromising quality.

## Step 4: Choose a Video Streaming Platform

Decide whether you want to use an existing video streaming platform like YouTube or implement your own. Implementing your own requires knowledge of web development and video streaming technologies.

## Step 5: Security

Implement security measures to protect your website from unauthorized access and piracy. Encryption and secure authentication are crucial to ensure the integrity of your videos.

## Step 6: User Interface and Design

Design a user-friendly User Interface (UI) for your video streaming website. Ensure that navigation is intuitive, and users can easily access videos.

## Step 7: Monetization (Optional)

If you intend to monetize your video streaming service, explore options such as subscriptions, ads, or donations. Integrate the chosen monetization method into your website.

## Step 8: Testing

Before launching your video streaming website, conduct comprehensive tests. Check video quality, loading times, and overall performance on various devices and browsers.

## Step 9: Deployment

Once all tests are successful, you can deploy your video streaming website. Ensure that your hosting provider provides the necessary resources and that your website is optimized for live operation.

## Conclusion

Creating your own video streaming service requires some technical knowledge, but with the right tools and guidance, it is achievable. Follow the steps carefully and tailor them to your specific requirements.

Good luck!
KMAC : Template for Finite State Machine in Soroban
Tags: opensource, rust, cryptocurrency, soroban
Published: 2023-12-21 02:12:37


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


KMAC implements, with the [Soroban Smart Contracts Platform](https://soroban.stellar.org/) , a Finite State Machine  template.<br>
 The KMAC is an **freely accessible program**, that  allows the creation of programs for Finite State Machine model. In the figure, an example of an application model built with the KMAC template is shown.

The boxes painted in blue and green are "states," and the texts on the arrows are "transactions." 
The model of the green states, has been defined by a hypothetical "business user" who wants to model a "Coffee Vending Machine." <br>
The business flow includes from select the coffee blend, buyer payment and coffee delivery.

The core of KMAC is responsible for the flow defined by the blue states in the diagram. The other states (green boxes) and their respective transactions are defined by the developer using the KMAC template.<br>
**The KMAC core controls all the flow** based on his internal FSM logic. The developer of the Vending Machine (or another system) only focuses on the **business functions**.

Learn about HOW the developer easily code the user part of the flow at [KMAC wiki doc](https://github.com/huitemagico/kmac/wiki).<br>
The image below shows from an "Sequence diagram model" the flow of transactions. The diagram shows how KMAC ensures that transactions are carried out by the appropriate users, in this case, either the 'buyer' or the 'admin'.

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

The “Extensible” KMAC Template.
With KMAC  you can implement **other examples of systems** based on Finite State Machine model, **without the need to code the logic of the Finite State Machine flow**. You only need to focus on programming the specific 'user' functions for your new model.<br>
I invite you to explore the comprehensive documentation of the KMAC system and download the programs from the [KMAC GitHub](https://github.com/huitemagico/kmac). Go to [Soroban smart contract development platform](https://soroban.stellar.org/)  for learning about Soroban.
AWS Industry Quest: Financial Services - Investing Research Content Distribution Study Note
Tags: aws
Published: 2023-12-21 02:02:39


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

### DIY Steps:
1. Add Lambda function as a trigger to the Pre-Sign section in the Amazon Cognito user pool
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0c76lx3ypym3gse3unju.png)
2. In the Amazon CloudFront distribution, create a new behavior pattern with a TTL value
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mxa8shbqhy9sid4vihjn.png)
Analytics Showdown: Qlik Vs Power BI
Tags: powerbi, qlik, analytics, data
Published: 2023-12-21 01:45:24

The world of analytics is ever-expanding, and organizations seeking powerful business intelligence solutions often find themselves torn between contenders. Qlik and Power BI. Both of them provide unique strenghts and better capabilitites in data visualization, analytics, and decision-making.

Key Qlik Features:

Associative Data Model: Qlik’s model allows users to take them to data relationships , helping them to have a more comprehensive understanding of the data landscape.

Dynamic Data Visualization: [**Qlik**](https://technologycue.com.au/analytics-showdown-qlik-vs-power-bi/) offers a range of interactive visualizations that respond in real-time as users explore and interact with the data, creating a dynamic and engaging analytics experience.

Enterprise Scalability: Qlik is designed to scale with the needs of large enterprises, providing a strong solution for organizations dealing with extensive datasets and complex analytics requirements.

Key Power BI Features:

Microsoft Integration: Power BI smoothly integrates with other Microsoft applications, including Excel, Azure, and SQL Server, offering a better experience for users within the Microsoft ecosystem.

Rich Visualization Options: Power BI provides a wide range of customizable visualization options, enabling users to create compelling and insightful reports and dashboards.

**Natural Language Query:** With Power BI’s natural language query capabilities, users can ask questions in plain language and receive visualizations as answers, enhancing accessibility for users at all levels of data expertise.

The choice between Qlik and Power BI depends on the organization’s specific needs and preferences. If an organization or an user value an associative data discovery model and dynamic visualizations, Qlik may be the right fit. On the other hand, if a better and smooth Microsoft integration and a user-friendly interface are considered most important or useful, Power BI might be the analytics powerhouse the user or the organization is looking for.
Manual Fetch with Tanstack Query
Tags: tanstackquery, reactquery, react, api
Published: 2023-12-21 01:40:52

> TanStack Query (FKA React Query) is often described as the missing data-fetching library for web applications, but in more technical terms, it makes fetching, caching, synchronizing and updating server state in your web applications a breeze. - [TanStack Query Overview](https://tanstack.com/query/latest/docs/react/overview)

As a developer, TanStak Query is very efficient tool that handle all our needs when we fetch the data through APIs.

Very often we want to fetch the query manually not from `useEffect` or automatic fetching when entering the page.

To achieve this manual query, we can use `QueryClient`.

As all of you know, we already define the QueryClient to use the `TanStack Query` in our service.

```JSX
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';

const queryClient = new QueryClient();

function App() {
  return <QueryClientProvider client={queryClient}>
    <Main />
  </QueryClientProvider>

}
```

If you want to use the `queryClient` that you define above, you can simply use the hook called `useQueryClient` in your code.

```JSX
import { useQueryClient } from '@tanstack/react-query';

export default function Main() {
  const queryClient = useQueryClient();
  ...
}
```

And then, you can use the function called `fetchQuery`. `fetchQuery` works exactly like `useQuery`, so we can add `queryKey`, `queryFn`, and other options that `useQuery` uses. (See the available options from the [official documentation](https://tanstack.com/query/latest/docs/react/reference/useQuery).

Here is an example.

```JSX

const handleClick = async () => {
  try {
    // data will be the response of the fetch
    const data = await queryClient.fetchQuery({
        queryKey: ['fetch-data'],
        queryFn: functionForFetch(),
      });
  } catch (e){
    // handling error...
  }
};

<button onClick={handleClick}>Fetch</button>

```
What is Rust and Why is it Popular?
Tags: rust, mozilla, rustlanguage
Published: 2023-12-21 01:17:00


![Rust](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/g7besqljmq6657h8fxd0.jpeg)

Rust was developed in 2006 by American software developer Graydon Hoare. But, like Dart, it wasn't popular back then. Rust started gaining recognition because of its efficiency in building high-performing applications. Developers were able to write efficient codes without fretting about data races.

And because of Rust's error handling, garbage collection, memory management, performance, scalability, security, and speed, some even started preferring it over Python. There were also some developers who were mesmerized by its speed. That's because of Rust's memory ownership model that is applied at compile time. Maybe that's why Amazon, Discord, Dropbox, Google, and Meta, started adopting it. And then its popularity further soared in 2020, when Rust started supporting the Linux kernel.

Now, although there are lots of amazing frameworks released, why are developers still using Rust? Well, they are using Rust to build secure large-scale systems. Further, Rust provides easy cross-platform development. It has one of the most simple integrations with other languages. There are also lifetime references in Rust and there are almost zero concurrent programming and memory issues in Rust.

One thing that I find different in Rust is its two modes: safe and unsafe Rust. In the first mode, code is efficient because of different restrictions on the coder. In the second mode, you can write code without any restrictions.

Further, Rust is a kind of all-purpose language. You can create web applications, and backend systems for data science, and make system and network programming.
How Linear Alegbra got me a SWE position
Tags: math, softwareengineering, opengl
Published: 2023-12-21 01:10:00

I have always been a fan of applied mathematics and studied mathematics for years to better understand the underlying logic behind various areas of engineering. Almost all of the ideas in computer science can be traced to some mathematical root, and I took note of that early on in my journey.

Before this position, I was working at a company where the only required math was basic arithmetic and algorithmic analysis. I got contacted by a company who recognized my Rust skills by taking a look at my open source projects on my Github profile at the time. 

The company reached out regarding an Application they were working on that would be similar to a 2D game that would use the concept of space to allow users to move things together in the space. 

This concept of space comes from linear algebra and that is when it hit me! I didn't have any experience working in Computational geometry but I did have enough background in linear algebra to take up the challenge. 

My understanding of linear algebra led to me to being what the company regarded as the "Best Fit Candidate", I am sure there were other factors that led to this conclusion, but the biggest was linear algebra.

I went on to create key-features of the product that relied heavily on vectors. Now that I think back on that position, without understanding the concept of vector space, I wouldn't of lasted a week.
Need help with VS Code
Tags: vscode
Published: 2023-12-21 01:01:02

Hi, i got a script which makes my mouse cursor move left and right with a sensitivity config but,
I want to change my code so the speed of my mouse cursor will fade in slow and build up to its original speed and fades out the same when i release xbutton1/ xbutton2
I really can't seem to figure this one out myself so im asking help !

Sensitivity config:

[Sensitivity]
value=30

Script code:

if DirExist("C:\Temp") {
} else {
DirCreate("C:\Temp")
}

if FileExist("C:\Temp\config.ini") {
} else {
FileAppend "
(
[Sensitivity]
value=100
)", A_LoopFileDir "\Temp\config.ini"

}

#SingleInstance force
Pause
A_MaxHotkeysPerInterval := 99000000
A_HotkeyInterval := 99000000
KeyHistory(0)
ListLines(false)
ProcessSetPriority("A")
SetKeyDelay(-1, -1)
SetDefaultMouseSpeed(0)
SetWinDelay(-1)
SetControlDelay(-1)
SendMode("Input")

SystemTime()
{
freq := 0, tick := 0
If (!freq)
DllCall("QueryPerformanceFrequency", "Int64*", &freq)
DllCall("QueryPerformanceCounter", "Int64*", &tick)
Return tick / freq * 1000
}

HyperSleep(value)
{
s_begin_time := SystemTime()
freq := 0, t_current := 0
DllCall("QueryPerformanceFrequency", "Int64*", &freq)
s_end_time := (s_begin_time + value) * freq / 1000
While (t_current < s_end_time)
{
If (s_end_time - t_current) > 20000
{
DllCall("Winmm.dll\timeBeginPeriod", "UInt", 1)
DllCall("Sleep", "UInt", 1)
DllCall("Winmm.dll\timeEndPeriod", "UInt", 1)
DllCall("QueryPerformanceCounter", "Int64*", &t_current)
}
Else
DllCall("QueryPerformanceCounter", "Int64*", &t_current)
}
}

F11::
{

if WinExist("config")
    {
        WinClose
    } else {
        Run("C:\Temp\config.ini")
   }
}

~*xbutton2:: ;turn right

{
while GetKeyState("xbutton2") ;turn right
{

yRight:= IniRead("C:\Temp\config.ini", "Sensitivity", "value")
DllCall("mouse_event", "int64", 1, "int64", yRight, "int", -000.1, "uint", 0, "int", 0)
HyperSleep(1)
}

}

~*xbutton1:: ;turn left

{
while GetKeyState("xbutton1") ;turn left
{
yLeft:= IniRead("C:\Temp\config.ini", "Sensitivity", "value")
DllCall("mouse_event", "int64", 1, "int64", -yLeft, "int", -000.1, "uint", 0, "int", 0)
HyperSleep(1)
}
}
Symlex VPN - Fast, secure, and affordable VPN service provider
Tags: vpn, tool, software, app
Published: 2023-12-21 00:52:11

Symlex VPN is the most trusted and secure VPN you can get your hands on. Currently, we have 8M+ total subscriptions, 300K+ paid subscribers, and over 190K daily engagements! We are offering you a high-speed VPN service for your online security at an affordable price.

We do not collect, store, or sell any of your private information. Symlex VPN allows you to keep your identity absolutely anonymous. Our VPN encrypts all your traffic while you use our services. Symlex VPN is your gateway to a safe and secure online world—no matter where you go, you can enjoy secure VPN service on the go. Say goodbye to worries about public Wi-Fi networks in airports, coffee shops, or hotels. 

With Symlex VPN, you can unblock and secure popular messaging apps like Facebook, WhatsApp, YouTube, Telegram, etc. We have 120+ high-speed servers all over the world in 80+ locations. All our servers provide unlimited bandwidth, the best encryption, and an uninterrupted connection.

[https://symlexvpn.com](https://symlexvpn.com)
Desvendando o Mundo do Design Centrado no Usuário (UX)
Tags: uxdesign, experiênciadousuário, livrosux, designcentradonousuário
Published: 2023-12-21 00:37:11

Olá, pessoal! 👋 No mundo dinâmico do design, mergulhar na experiência do usuário (UX) é fundamental para criar produtos digitais que não apenas encantam, mas também facilitam a vida dos usuários. Hoje, compartilho insights valiosos de três artigos/livros que têm guiado minha jornada no universo do UX. 🚀

1. "The Design of Everyday Things" - Don Norman 📘

Este clássico de Don Norman é uma leitura essencial para entender os princípios fundamentais do design centrado no usuário. Norman explora como o design impacta nosso dia a dia, destacando a importância de uma abordagem centrada no usuário desde as fases iniciais do processo criativo. Uma leitura cativante para todos os entusiastas do UX!

2. "Don't Make Me Think" - Steve Krug 📙

Steve Krug simplifica a complexidade do UX com seu livro envolvente. Ele destaca a importância da simplicidade na experiência do usuário, defendendo a ideia de que um bom design deve ser intuitivo e fácil de entender. Se você deseja aprimorar a usabilidade dos seus projetos, este livro é um guia prático e acessível.

3. "Lean UX: Applying Lean Principles to Improve User Experience" - Jeff Gothelf e Josh Seiden 📚

Gothelf e Seiden trazem a abordagem Lean para o mundo do UX, propondo métodos ágeis e colaborativos. O livro explora como integrar o design centrado no usuário de maneira eficiente em equipes ágeis, promovendo a flexibilidade e a adaptação contínua. Uma leitura essencial para quem busca aliar UX e metodologias ágeis.

🚧 Queremos saber: qual desses livros ou artigos já fez parte da sua jornada de aprendizado em UX? Compartilhe suas experiências nos comentários e vamos construir juntos um ambiente digital mais amigável e centrado no usuário! 🌐✨ 

imagem retirada da pagina que tem todos os direitos autorais:
https://rushvideo.com.br/como-integrar-ux-nas-plataformas-de-streaming/
A simple React app to calculate the price of a token based on the price
Tags: bitcoin
Published: 2023-12-27 18:21:22

---
title: A simple React app to calculate the price of a token based on the price
published: true
date: 2023-12-21 00:11:00 UTC
tags: Bitcoin
canonical_url: https://reactjsexample.com/a-simple-react-app-to-calculate-the-price-of-a-token-based-on-the-price/
---

# Coin Price
 ![A simple React app to calculate the price of a token based on the price](https://reactjsexample.com/content/images/2023/12/Code_2023-12_21-06-36.jpg)

![A simple React app to calculate the price of a token based on the price](https://github.com/thal0x/coin-price/raw/main/public/coin-price.png)

A simple React app to calculate the price of a token based on the price of the other token in the liquidity pool.

When creating a new token it can take a while for it to show up on apps like Dexscreener, Coinhall, etc. This makes it hard to track the price of the token. The Coin Price app will use the price of the other token in a pool to derive the price of the token you are interested in.

For example if you have a token called `astroBONK` and it’s pooled with `NTRN`.

```
1 astroBONK = 0.083209 NTRN
1 NTRN = 1.20 USD
1 astroBONK = 0.083209 * 1.20 = 0.0998508 USD

```

## Configuration

All configuration values, along with explanations, can be found in `src/constants.ts`

## Development

```
npm install

npm run dev

```

## GitHub

[View Github](https://github.com/thal0x/coin-price?ref=reactjsexample.com)
Playground for Generative AI
Tags: beginners, opensource, ai, devops
Published: 2023-12-21 00:06:46

Today I came across a tweet from [@umesh_ai](https://twitter.com/umesh_ai) that shared a prompt for "ultra-detailed sculpture" using DALL-E3. You had to replace the text for object to get your results. It was incredible to see what people created!! But it wasn't super easy to keep trying different objects...

![thread](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pu7dc1wtar7thejt2g5d.png)

I wanted to make it easy for people to easy enter in an object and run the prompt with DALL-E3 - maybe even try different models too.

I created an AI Workbook that takes in the prompt from the tweet so you can play around with it! 

Check out this marble hedgehog - 

![hedgehog](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ca4gyoy2h4c2f0ydu7tv.png)

Try it yourself: https://lastmileai.dev/workbooks/clqectmf0007iqrce0hkh0nm2

## AI Workbooks: A Developer's Sandbox for AI

AI Workbooks is an open-source, multi-modal platform that serves as a sandbox for developers to experiment with AI models. It's a place where you can parameterize prompts for DALL-E 3 and other models, fine-tuning the inputs to achieve the desired artistic output.

### The Developer's Workflow with the AI Workbook

The AI Workbook is designed with a developer-first approach. Its intuitive UI makes it accessible for those new to AI, while still offering the depth required by experienced developers. The ability to switch between AI models, compare outputs, and iterate on prompts is akin to refining code—each adjustment brings you closer to the optimal solution.

When you're happy with your prompts/model settings, you can just download the AIConfig from the workbook - JSON config that you can easily use in your application code. 

Check out prompt templates and the AIConfig framework here: https://github.com/lastmile-ai/aiconfig 

### Explore Multi-Modal Capabilities

The AI Workbook's potential extends beyond visual art. It's a multi-modal platform where you can experiment with text, image, and audio models including **the latest models like GPT4-V and DALL-E3** to name a couple. This opens up possibilities to so many applications. 

This multi-modal approach encourages developers to explore the intersection of different AI capabilities, fostering innovation and inspiring new ways to engage with technology.

The AI Workbook is a testament to the power of open-source tools in democratizing AI and enabling developers to explore new frontiers of AI.

### ⭐️ Support Open-Source ⭐️

Would really appreciate if you could **star our [open-source project AIConfig](https://github.com/lastmile-ai/aiconfig)** - the data model behind this workbook! 

Github: https://github.com/lastmile-ai/aiconfig
Your 2023 Coding Triumphs: What's Your Proudest Moment?
Tags: discuss
Published: 2023-12-21 00:00:00

---
published_at : 2023-12-21 00:00 +0000
---
What coding accomplishment are you most proud of this year?
Share a coding challenge you conquered in 2023.

Share in the comments or create your own post using our [template](https://dev.to/new/devimpact2023) and tag your wins and reflections with [#DEVImpact2023](https://dev.to/t/devimpact2023).
<br>
Follow the DEVteam for more discussions and online camaraderie!
{% embed https://dev.to/devteam %}