teleren/devto huggingface dataset:
Looking into GenAI
Tags: webdev, ai, ux
Published: 2024-06-13 02:29:41

GenAI is a framework implementing design principles with the help of artificial intelligence. I decided to look into GenAI because it helps me learn as to how we can design interfaces with the help of AI. AI is a tool meant to help and assist our abilities, but not replace them. GenAI has 6 key dimensions: discovery, assisting, exploration, refinement, trust, and mastery. Not all dimensions will be used for generating design and all function independently from one another. 

1. Discovery
GenAI helps users recognize when AI is being in use or not, therefore providing users the freedom to do what they want while providing assistance if they so choose.

2. Assisting
GenAI provides suggestions and templates to allow users to creatively explore while having assistance at their disposal. GenerativeAI shifts from structured guidance to autonomous discovery.

3. Exploration
Gen AI allows users to explore their creativity by blending with AI whenever desired. GenAI emphasizes the fluidity of interaction between users and GenAI by facilitating a dialogue that can distill complex data into actionable insights or creative outputs. GenAI can be used as a tool for users to take creative leaps and make innovative solutions to their discoveries.

4. Refinement
GenAI refines its platforms by providing intuitive customization options that align the AI’s output with their specific needs and vision. GenAI is capable of replicating an individual's tone, voice, and style. These tools can help a user tune their product however they see fit. 

5. Trust 
GenAI establishes trust amongst users using its platform and services. This is done so that users know that they have an intelligent assistant whenever they need it. Users will have the knowledge to navigate their GenAI experience with confidence. GenAI permits its users to ignore and undo suggestive actions allowing users to confidently use its services thanks to its collaborative features. These features prevent the AI from overwhelming its users. 

6. Mastery
GenAI's features are mainly exploited by AI engineers because of its complexity. It aims to simplify tedious code but it is still hard to navigate nonetheless. In the Mastery dimension, a deep understanding of GenAI allows room for improvement, pushing designers to create with both precision and conscience. GenAI can collaborate with users and allow them to make changes to its services. This would allow humans to co-design with machines to shape a user's experience in the tech world.

This post was inspired from:
Koc, V. (2024, April 4) The GenAI Compass: a UX framework to design generative AI experiences 
Retrieved from: [https://uxdesign.cc/the-genai-compass-a-ux-framework-to-design-generative-ai-experiences-49a7d797c114#3b1b]
[Docker] Laravel, Nginx MySQL
Tags: docker, laravel, nginx, mysql
Published: 2024-06-13 03:16:42

**Dockerización**

- PHP 8.2
- Laravel 11 (Latest)
- Nginx (Latest)
- MySQL (Latest)


**Uso**

- docker-compose build
- docker-compose up -d

**Config**

- Configurar el .env de laravel


---
**Dockerfile**
```
FROM php:8.2-fpm-alpine

# Update app
RUN apk update && apk add --no-cache tzdata
# Set timezone
ENV TZ="UTC"

RUN apk add --update --no-cache autoconf g++ make openssl-dev
RUN apk add libpng-dev
RUN apk add libzip-dev
RUN docker-php-ext-install gd
RUN docker-php-ext-install zip
RUN docker-php-ext-install bcmath
RUN docker-php-ext-install sockets
RUN curl -sS https://getcomposer.org/installer | php -- --install-dir=/usr/local/bin --filename=composer
### End Init install

# Install Redis
RUN pecl install redis
RUN docker-php-ext-enable redis

# Install Mongodb
RUN pecl install mongodb
RUN docker-php-ext-enable mongodb

RUN docker-php-ext-install mysqli pdo pdo_mysql && docker-php-ext-enable pdo_mysql

WORKDIR /home/source/main
```

---
**docker-compose.yml**
```
version: '3.7'
services:

  mysql:
    image: mysql:latest
    container_name: mysql
    platform: linux/x86_64
    ports:
      - "3306:3306"
    volumes:
      - mysql-volumes:/var/lib/mysql
    environment:
      MYSQL_ROOT_PASSWORD: laravelroot
      MYSQL_DATABASE: db_nginx

  laravel-app:
    build:
      context: ./docker/php
    container_name: laravel-app
    volumes:
      - ./laravel/:/home/source/main
    working_dir: /home/source/main

  nginx:
    build:
      context: ./docker/nginx
    container_name: todo-nginx
    ports:
      - "8000:80"
    depends_on:
      - laravel-app
    volumes:
      - ./laravel/:/home/source/main

volumes:
  mysql-volumes:

networks:
  default:
    name: laravel-app-netword
```


Repositorio:
[https://github.com/JkDevArg/Docker-NLM](https://github.com/JkDevArg/Docker-NLM)
sweatandsocialdistance
Published: 2024-06-13 03:11:09

Онлайн казино [Вавада](https://sweatandsocialdistance.com/) радует своих посетителей по-настоящему впечатляющим выбором игровых развлечений, а также высочайшим уровнем сервиса и обслуживания. На официальном сайте этого надежного игорного заведения вы найдете все необходимые разделы и функции для по-настоящему комфортной игры, включая быстрые и удобные выплаты выигрышей. Разнообразие представленных игр, от классических слотов до современных настольных и карточных игр, не оставит равнодушным ни одного азартного игрока.
Deadlock
Tags: devchallenge, cschallenge, computerscience, beginners
Published: 2024-06-13 02:57:29

_This is a submission for DEV Computer Science Challenge v24.06.12: One Byte Explainer._

## Explainer
When two or more processes are unable to proceed because each is waiting for another to release a resource. It results in a stalemate where none can progress, requiring intervention like resource reallocation or termination to resolve.
Coding Concepts
Tags: coding
Published: 2024-06-13 02:32:25

Analogies are a powerful learning tool because they allow us to understand unfamiliar concepts by relating them to experiences or ideas we already know. Analogies can aid in learning complex concepts in accessible and practical ways.

Learning coding concepts through analogy can be a fun and effective way to understand complex ideas. Here are a few analogies to explain some fundamental coding concepts:

_Variables_

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



Variables are like containers in a kitchen. Just as containers can hold different types of ingredients, variables can store data values that can be changed and used throughout your code.

_Functions_

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



Functions are like recipes. They take some ingredients (input), follow a series of steps (the code inside the function), and produce a dish (output). You can use the same recipe to make the dish as many times as you want, just like you can call a function multiple times with different inputs.

_Loops_

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



Loops are like treadmills. Just as a treadmill allows you to keep running in place until you decide to stop, a loop allows code to execute repeatedly until a particular condition is met.

_Conditional Statements_

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



Conditional Statements (if/else) are like road signs. They tell the code which direction to go based on certain conditions, much like a road sign directs drivers based on traffic rules.

_Classes and Objects_

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



Classes and Objects in object-oriented programming are like blueprints and buildings. A class is a blueprint that defines the structure and behaviors, while an object is an actual building constructed from that blueprint.

_Inheritance_

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



Inheritance is like family traits. Just as children inherit traits from their parents, a class can inherit characteristics and behaviors from another class.

_Arrays_

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



Arrays are like egg cartons. They hold items in an organized way, allowing you to easily access the item in each slot by its index, just like you can get an egg from a specific spot in the carton.

_Algorithms_

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



Algorithms are like instructions for assembling furniture. They provide step-by-step directions to accomplish a task and following them correctly ensures the desired outcome.

**_More Concepts to come, Happy Learning!_**
Recursion
Tags: devchallenge, cschallenge, computerscience, beginners
Published: 2024-06-13 02:32:21

_This is a submission for DEV Computer Science Challenge v24.06.12: One Byte Explainer._

## Explainer
Recursion is a programming technique where a function calls itself with a smaller input until it reaches a base case. It's used to solve problems that can be broken down into smaller instances of the same problem. Each recursive call adds a new stack frame, making recursion memory-intensive for large inputs.

## Additional Context
<!-- Please share any additional context you think the judges should take into consideration as it relates to your One Byte Explainer. -->

<!-- Team Submissions: Please pick one member to publish the submission and credit teammates by listing their DEV usernames directly in the body of the post. -->

<!-- Don't forget to add a cover image to your post (if you want). -->


<!-- Thanks for participating! -->
Ada Maurice : La Plateforme Éclatante de l'Art Mauricien
Tags: career, webdev
Published: 2024-06-13 01:53:08

Ada Maurice se distingue comme une vitrine virtuelle éblouissante pour l'art contemporain de l'île Maurice. Cette plateforme en ligne dédiée à la promotion des talents locaux offre aux passionnés d'art du monde entier une opportunité unique de découvrir et d'acquérir des œuvres inspirantes qui captivent par leur originalité et leur créativité.

Une Collection Variée et Inspirante
La galerie en ligne d'Ada Maurice présente une collection diversifiée d'œuvres d'art, allant de la peinture et la sculpture à la photographie et l'art numérique. Chaque pièce est minutieusement sélectionnée pour sa qualité esthétique et sa capacité à refléter l'âme vibrante de Maurice. Les artistes présentés sur Ada Maurice capturent non seulement la beauté naturelle de l'île, mais ils explorent également des thématiques contemporaines et universelles à travers leur art.

Engagement envers la Communauté Artistique
En plus de servir de plateforme de vente en ligne pour les œuvres d'art, Ada Maurice s'engage activement à soutenir la communauté artistique mauricienne. Ils organisent régulièrement des événements culturels tels que des expositions, des vernissages et des discussions artistiques qui enrichissent le dialogue artistique local et international. Ces initiatives non seulement célèbrent l'art, mais elles renforcent également les liens entre les artistes et le public.

Accessibilité et Visibilité Mondiale
Ada Maurice offre aux artistes mauriciens une visibilité mondiale, permettant à leurs créations d'atteindre des collectionneurs et des amateurs d'art à travers le monde. Grâce à une interface conviviale et une navigation intuitive, les visiteurs du site peuvent explorer facilement les œuvres disponibles, en apprendre davantage sur les artistes et même acquérir des pièces qui résonnent avec eux.

Pourquoi Ada Maurice est Essentiel
Que vous soyez un collectionneur passionné, un amateur d'art ou simplement curieux de découvrir la scène artistique mauricienne, Ada Maurice vous invite à plonger dans un univers où l'expression créative et la beauté artistique se rencontrent harmonieusement. Chaque visite sur leur site web est une invitation à explorer, à apprendre et à apprécier l'art mauricien contemporain sous toutes ses formes.

Pour en savoir plus sur Ada Maurice et pour découvrir leur galerie d'art en ligne, visitez leur site web à l'adresse suivante : [](https://ada-maurice.com/)https://ada-maurice.com/.
Importância da criação de ambientes virtuais.
Tags: python, dicas, webdev
Published: 2024-06-13 01:47:38

 Estudando sobre o uso de ambientes virtuais em Python, percebi que o principal motivo é evitar conflitos entre as bibliotecas instaladas via Python. Por exemplo, se você tem um cliente com um site criado usando Django 2.2.2 e ele não quer atualizar para uma versão mais recente, mas ainda precisa de manutenção, você terá que usar a versão do Django que está instalada na aplicação dele. Enquanto isso, outro cliente pode usar Django 4.2.1. Assim, cada versão do Django deve ser instalada separadamente em ambientes virtuais para evitar conflitos.

Além disso, ambientes virtuais oferecem outros benefícios importantes, como:

Isolamento de Dependências: Garantem que as dependências de um projeto não interfiram nas dependências de outro, permitindo que cada projeto tenha suas próprias versões específicas de bibliotecas.

Facilidade de Gestão: Simplificam a gestão das bibliotecas, permitindo atualizações, adições ou remoções de pacotes sem afetar o sistema global ou outros projetos.

Reprodutibilidade: Facilitam a criação de ambientes reprodutíveis. Com um arquivo requirements.txt, é possível recriar o ambiente exato em outra máquina.

Segurança: Ajudam a proteger o sistema principal de possíveis problemas causados por bibliotecas experimentais ou instáveis.

Logo, o uso de ambientes virtuais é essencial para manter a organização e a eficiência no desenvolvimento de projetos em Python.
Containers - DEV Computer Science Challenge
Tags: devchallenge, cschallenge, computerscience, beginners
Published: 2024-06-13 01:33:31

_This is a submission for DEV Computer Science Challenge v24.06.12: One Byte Explainer._

## Containers
<!-- Explain a computer science concept in 256 characters or less. -->
Think of containers as take-out boxes. Each box contains everything an application needs to run and can be used anywhere. Just like take-out boxes keep food consistent and portable, containers ensure apps run reliably across different environments.

<!-- Please share any additional context you think the judges should take into consideration as it relates to your One Byte Explainer. -->

<!-- Team Submissions: Please pick one member to publish the submission and credit teammates by listing their DEV usernames directly in the body of the post. -->

<!-- Don't forget to add a cover image to your post (if you want). -->


<!-- Thanks for participating! -->
Game Development Diary #11 : Second Day Back
Tags: gamedev, godot, godotengine, newbie
Published: 2024-06-13 01:30:15

13/06/2024 - Thursday

Today I will continue my GameDev.tv course. Here is what I’ve got from it:

##Improved Aiming and Smoothing
Vertical camera motion and using interpolate_with to smooth the camera.

##Custom Reticles
Learning how to use the _draw() virtual function and other draw functions to create custom 2D shapes for a reticle.

##Advanced Jumping
Using projectile motion to make my jumping calculations more precise.

##Making a prototyping sandbox
Using CSGShapes to fill out the play area and make a sandbox to test new features.

##Introducing Navigation
I was introduced to the NavigationServer, regions, and agents for enemy AI and navigating 3D space.

##Enemy Movement
Combining my navigation path and enemy movement script to make the enemy pursue the player.

That’s all for today. Thanks for reading my devlog.
AI to the world Care
Tags: devchallenge, twiliochallenge, ai, twilio
Published: 2024-06-13 01:18:46

*This is a submission for the [Twilio Challenge ](https://dev.to/challenges/twilio)*

## What I Built
<!-- Share an overview about your project. -->

## Demo
<!-- Share a link to your app and include some screenshots here. -->

## Twilio and AI
<!-- Tell us how you leveraged Twilio’s capabilities with AI -->

## Additional Prize Categories

<!-- Does your submission qualify for any additional prize categories (Twilio Times Two, Impactful Innovators, Entertaining Endeavors)? Please list all that apply.  -->

<!-- Team Submissions: Please pick one member to publish the submission and credit teammates by listing their DEV usernames directly in the body of the post. -->

<!-- Don't forget to add a cover image (if you want). -->

<!-- Thanks for participating! →
Cloud deployment models
Published: 2024-06-13 01:11:09

## public

Quick access to computing resources without a large upfront cost, with the public cloud, your company purchases virtualized computing, storage, and networking services from a cloud service provider over the public internet.

## private

A private cloud is hosted in a data center and maintained by IT staff, this involves significant capital expenditure. Having your own private cloud also allows you to control how data is shared and stored. This is often the best option if cloud security is a concern, as you can manage data governance.

## multicloud

By combining services from different cloud service offerings, multicloud offers more flexibility across different price points, service offerings, features and geographic locations.

## hybrid

combines public cloud and private cloud environments, allowing data and applications to be shared between them.
Hello DEV Community! 👋
Published: 2024-06-13 00:51:46

**Hello DEV Community! 👋**
I'm thrilled to be joining this dynamic and inspiring community! My name is Khadisha, and I'm in the midst of an exciting transition from business lending to cloud engineering. Here’s a bit about my journey, my new interests, and what I hope to achieve moving forward.

**A Leap from Business Lending to Cloud Engineering**
For several years, my career revolved around business lending, where I assisted small businesses in securing the funds they needed to grow. While this work was fulfilling, I’ve always been fascinated by technology and its potential to revolutionize industries. This curiosity led me to explore cloud computing, and I quickly realized it was my true calling.

**The Journey So Far**
Transitioning from finance to tech has been challenging yet immensely rewarding. Recently, I completed a rigorous cloud engineering bootcamp that equipped me with a strong foundation in cloud technologies. In addition, I’ve pursued certifications and courses in:

- CompTIA A+
- CompTIA Network+
- CompTIA Cloud+
- Linux
- AWS
- Azure
- Kubernetes

These educational experiences have been crucial in developing my technical skills and preparing me for real-world applications.

**Embracing Golf ⛳**
As part of maintaining a balanced lifestyle during this transition, I’ve taken up golf. This new hobby has been a wonderful way to relax and challenge myself. Golf has taught me patience, focus, and the importance of incremental improvement—valuable lessons that also apply to my journey in tech.

**My Current Goals are to:**

**Deepen My Cloud Expertise:** I’m focusing on mastering AWS and Azure, working on projects that involve building and managing cloud infrastructures.
**Community Engagement:** I’m eager to connect with fellow tech enthusiasts and professionals. Sharing experiences and learning from others is something I truly value.
**Maintain Balance:** Striking a balance between my career and personal interests like golf is important to me. I strive to excel professionally while enjoying my hobbies and personal life.

**Let's Connect!**
I’m looking forward to engaging with and learning from everyone in this community. Whether you’re an experienced cloud engineer, someone transitioning to a new career like me, or simply passionate about technology, I’d love to hear your stories and advice.

Feel free to reach out to me here on DEV, or connect with me on [LinkedIn](www.linkedin.com/in/khadishadildy)/[Twitter](https://x.com/techgirlkaydee)/[GitHub](https://github.com/techgirlkaydee). 

Thank you for reading, and here’s to new adventures and continuous growth! 🚀
One-shot migration from Create React App to Vite
Tags: react, vite
Published: 2024-06-13 00:49:46

---
title: One-shot migration from Create React App to Vite
published: true
description: Introducing Viejct: A tool for migrating your React app from react-scripts (Create React App) to Vite.
tags: react, vite
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ax73j8b1q2ad92hrim37.jpeg
# published_at: 2024-06-13 00:31 +0000
---

Are you ready?

```shell
# cd <YOUR_APP>
npx viject
```

🎉

https://github.com/bhbs/viject
Why I Recommend SQLynx as the Best SQL IDE
Published: 2024-06-13 00:40:30

I used to be a loyal Navicat、DataGrip user, but after deeply using SQLynx for a while, I can never go back. I feel like shouting: This is the SQL IDE/Editor that should be used in 2024.
 
If I were to sum up SQLynx in one sentence, it would be: "What you don't have, I have; what you have, I excel in."
For instance, in basic data exporting, most big data SQL Editor on the market are either extremely slow or prone to crashing when handling large volumes of data. SQLynx, on the other hand, exports 13 million records in just 74 seconds. If you frequently deal with exporting large datasets, you'll understand just how remarkable this speed is.
Another example is its interface and interaction design. Instead of using toolbars or buttons like most tools, SQLynx places almost all operations within the right-click menu. Honestly, I wasn't used to it at first, but after less than a week, I realized this is the best way to interact with the tool! In Navicat, viewing table structure and table data requires many clicks, but with SQLynx, it only takes two steps, greatly improving work efficiency. There are many similar features that enhance productivity.
Regarding the learning curve, Navicat or DataGrip is actually quite easy to get started with, but SQLynx takes it to another level, making it accessible even for beginners. Its graphical table creation, one-click SQL generation, test data generation, one-click data migration, and schema comparison can all be accomplished with just a few mouse clicks. It’s not an exaggeration to say that even if you don't know a single line of SQL, you can complete basic database query operations within 15 minutes. Additionally, thanks to the aforementioned right-click design, SQLynx's interface is also more intuitive.
Fraud Detection and Prevention in Finance
Tags: webdev, androiddev, machinelearning, ai
Published: 2024-06-13 00:37:08

Fraud detection and prevention is crucial for safeguarding financial assets and maintaining customer trust. Businesses face increasing threats from cybercriminals who use sophisticated methods to commit fraud. Implementing robust fraud detection systems helps identify suspicious activities early. Techniques like machine learning, data analytics, and real-time monitoring play a significant role in these systems.

Effective fraud prevention measures not only protect assets but also enhance the overall security framework of an organization. Companies must continuously update their strategies to keep pace with evolving fraud tactics. Investing in advanced fraud detection tools and employee training is essential for a comprehensive defense.

Full article:
https://miniai.live/fraud-detection-and-prevention-safeguard-your-finances-now/