teleren/devto huggingface dataset:
Running/Installing Unreal Engine 5 in Ubuntu 22.04
Tags: ubuntu
Published: 2023-01-14 12:03:21

I have always been interested in game development and struggling to get this setup running won't stop me.

I wish you all the best of luck to have Unreal Engine 5 running with Ubuntu 22.04. I struggled a bit to get it and will describe the steps taken so my fellow devs won't need the hustle.

## First Things First

Let's start checking that your system specs are [sufficient](https://docs.unrealengine.com/5.0/en-US/hardware-and-software-specifications-for-unreal-engine/) to have it running.

Then download `Unreal Engine 5` from the [unreal website](https://www.unrealengine.com/en-US/linux). It will be a `.zip` file with all the required code already compiled. As soon as it is done, extract somewhere and then run `./<PATH_TO_WHERE_YOU_EXTRACTED>/Engine/Binaries/Linux/UnrealEditor` from the Terminal to launch Unreal Engine. Those steps are on [their website](https://docs.unrealengine.com/5.0/en-US/installing-unreal-engine/) as well.

Now check if you can run it and also start a template.

## Now the struggle

If you are unlucky as I am ... your system will crash and you will try another Linux kernel to then realize that this is just the beginning ...

In my case, my gpu driver was outdated and the Vulkan library was missing some packages. Because of that, I wouldn't be able to run either the Unreal version `5.1` or `5.0.3`. 

I had to start by checking if the NVIDIA GPU was being used ... well it wasn't.

When I ran
```
$ nvidia-smi
```
I expected to see something like

![expected-output-from-nvidia-smi](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0yjbelavwkwyhilkh7ro.png)

but I got somethings else. I first updated my graphics driver to `515` using the native `Software & Updates` from Ubuntu. **Attention** to the `Additional Drivers` tab 

![how-to-select-nvidia-driver](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ghi8kazzkl0havbzlrlq.png)

later on, I realized that was the necessary one ... because it is written in their system requirements 

> Vulkan: AMD (21.11.3+) and NVIDIA (515.48+)

Anyway ... to check if you are actually using the NVIDIA Graphics Card, you can install and run the `nvidia-settings`

```
$ sudo apt install nvidia-settings`
$ nvidia-settings
```

A window should be prompted allowing you to select which GPU you would like to use ![nvidia-settings-window](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cq2ugctxsjwxdlwclgv3.png)

then ... I had to find the solution for the Vulkan errors that I started to have.

The solution was to follow Vulkan's [Development Environment Tutorial](https://vulkan-tutorial.com/Development_environment), where they would show how to check if the system can run the library and then install some other dependencies.

That was it ... Now I can struggle with the actual coding of my future games.
AWS Machine Learning and SageMaker
Tags: aws, machinelearning, datascience, ai
Published: 2023-01-14 10:29:46


## AWS Machine Learning and SageMaker

![AWS SageMaker](https://cdn-images-1.medium.com/max/2000/1*PP2wlmO08k7sO2ZgyYdISw.png)

AWS Machine Learning and SegMaker are two powerful tools that can help businesses take advantage of the power of artificial intelligence (AI). AWS Machine Learning is a cloud-based platform that provides developers with access to a variety of machine learning services, including Amazon SageMaker, Amazon Comprehend, Amazon Lex, and Amazon Rekognition. SegeMaker is a tool that helps developers quickly build and deploy AI models on AWS.

AWS Machine Learning provides developers with the ability to quickly build and deploy AI models on the cloud. It offers a wide range of services, including data preprocessing, model training, model deployment, and model optimization. Developers can use these services to create custom machine-learning models for their applications. The platform also provides access to common open-source frameworks such as TensorFlow and PyTorch for deep learning applications.

SegeMaker is an AI development platform that enables developers to quickly build and deploy AI models on AWS. It provides an intuitive graphical user interface (GUI) for creating AI models without writing code. SegMaker also offers automated model-building capabilities that allow developers to quickly create complex models without having to configure them manually. Additionally, it provides access to popular open-source frameworks such as TensorFlow and PyTorch for deep learning applications.

![AWS Sagemaker](https://cdn-images-1.medium.com/max/2000/0*e77ux4Z0GWRcQENh.jpg)

AWS Machine Learning and SegMaker are powerful tools that can help businesses take advantage of the power of artificial intelligence (AI). They provide developers with the ability to quickly build and deploy AI models on the cloud without having to write code or manually configure them. Additionally, they offer access to popular open-source frameworks such as TensorFlow and PyTorch for deep learning applications. With these tools, businesses can easily leverage the power of AI in their applications and gain a competitive edge in their industry.
Responsive Portfolio Website Using HTML CSS and JavaScript
Tags: html, css, javascript
Published: 2023-01-14 11:57:33

Responsive Portfolio Website Using HTML CSS and JavaScript

in this video we will learn how to create a portfolio website using HTML CSS and JavaScript. Basically, Portfolio website is very important for everyone who want to provide a services on the web.

Once you create a personal website, then you are able to share with your own projects, skills and much more. 

So, I'm going to teach with you how you can use HTML, CSS and JavaScript to create a attractive, professional and also fully responsive website.

After watching complete video, then you will able to create a any type of website as you want. 

inside the project, I've cool animation effects and also JavaScript to change the landing page text every five seconds.

Those are important things for websites to display everything in the single page.

hope this tutorial is helpful and beneficial for.

{% embed https://www.youtube.com/watch?v=VaXzHevfot8 %}
Cloud Virtualization: The Key to Greater Flexibility and Scalability
Published: 2023-01-14 11:52:07


Virtualization technology is a revolutionary breakthrough that has revolutionized the way cloud computing works. It is a technology that enables multiple virtual machines (VM) to run on a single physical machine. This technology helps to reduce the need for multiple physical machines, resulting in lower costs, increased efficiency, and improved scalability.


Virtualization is a technology that enables multiple applications and services to run on a single physical machine. It divides a single physical machine into multiple virtual machines each of which can run its own operating system and applications.


 Each virtual machine has its own dedicated resources and can be managed independently of the other virtual machines. This allows for greater scalability in cloud computing as the demand for resources and services increases.



Virtualization also helps to improve security and reliability by allowing multiple virtual machines to be created with specific security and reliability settings. This eliminates the need to purchase and maintain multiple physical machines which can be costly and time-consuming. This can also reduce the risk of data breaches as virtual machines can be isolated from each other.

[Clicked To Visit Full Article Originally Published On:-13/01/2023](https://www.javaoneworld.com/2023/01/cloud-virtualization-key-to-greater.html)
Collaborating in the Cloud: The Future of Teamwork
Published: 2023-01-14 11:49:45

Collaboration in the Cloud: The Key to Success in Today's Workplace" is a blog that explores the ways in which cloud-based technology is transforming the way teams work together. From remote teams to real-time collaboration, this blog delves into the latest tools and strategies for maximizing productivity and communication in today's fast-paced, digital workplace. Whether you're a business leader, team manager, or individual contributor, this blog offers valuable insights and practical tips for staying connected, engaged, and effective in today's rapidly evolving business environment.



Collaboration in the cloud is becoming increasingly important in today’s workplace. Cloud collaboration allows teams to work together on projects quickly and efficiently, no matter where they are in the world. With cloud collaboration, teams can access their work anytime, anywhere and on any device, making it easier for them to collaborate with colleagues and clients.


Cloud collaboration platforms offer a range of features that make it easier for teams to work together. For example, there are tools for online video conferencing, file sharing, document version control and task management. 


[Clicked To Visit Full Article Originally Published On:-13/01/23](https://www.javaoneworld.com/2023/01/collaborating-in-cloud-future-of.html)
Does anyone in DEV know how to make a Dark Mode in Microsoft Bing?
Tags: search
Published: 2023-01-14 11:42:18

Currently, I am using Microsoft Bing. Unfortunately, I can't find any Dark Mode option for Microsoft Bing. I can see there is a Dark Mode in the mobile version of Microsoft Bing, but none for the desktop version. Please do help me share your experiences if anyone here in DEV community know how to do it.
Build your porfolio using Next.jS and TailwindCSS
Published: 2023-01-14 11:41:02

### Introduction
Building a portfolio website can be a great way to showcase your work and skills to potential employers or clients. In this article, we will go over how to build a portfolio website using Next.js and TailwindCSS.

### Setup
First, you will need to have Node.js and npm (Node Package Manager) installed on your computer. If you don't have these already, you can download them from the official website [Nodejs](https://nodejs.org/).

Next, create a new directory for your project and navigate to it in the terminal. Run the following command to create a new Next.js app:

```
> npx create-next-app@latest my-portfolio --eslint
> cd my-portfolio
```

This will create a new directory with the basic structure for a Next.js app.

To use TailwindCSS with your project, you will need to install it using npm. In the terminal, navigate to the root of your project and run the following command:

```
> npm install -D tailwindcss postcss autoprefixer
```
After it is installed, you will need to create a new CSS file in the "styles" directory and import TailwindCSS. You can do this by running the following command in the terminal:

```
> npx tailwindcss init -p
```
This will create a new "tailwind.config.js" and "postcss.config.js" file in the root of your project, and a new "styles/tailwind.css" file. You can use this file to customize your Tailwind configuration, if desired.

Next, add the paths to all of your template files in your tailwind.config.js file.

```
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./pages/**/*.{js,ts,jsx,tsx}",
    "./components/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}
```
After this add the *@tailwind* directives for each of Tailwind’s layers to your ./styles/globals.css file.

```
@tailwind base;
@tailwind components;
@tailwind utilities;
```
Now, you can import this CSS file in your pages or components. In the "pages/_app.js" file, you can import the CSS file and apply it to the whole application.

```
import "../styles/globals.css"
```
Finally to start your build process of the project run the following code in you project's root directory

```
npm run dev
```

You can now start building your portfolio website using Next.js and TailwindCSS. Use the built-in Next.js components like "Link" and "Head" to create a navigation menu and page titles. Use TailwindCSS classes to style your elements and create a consistent look and feel throughout your website.

Finally, you can deploy your website to a hosting service like Vercel or Netlify. These services will automatically build and deploy your website when you push changes to your git repository.
Basic Data Visualization Using ggplot2
Tags: ggplot2, datascience, datavisualization, beginners
Published: 2023-01-14 11:35:03

ggplot2 is a powerful data visualization library in R that allows you to create a wide variety of plots and charts with ease. One of its key features is the ability to create plots using a layered grammar of graphics, which makes it easy to create complex visualizations.

First, you will need to have R and RStudio installed on your computer. If you don't have these already, you can download them from the official website [RStudio](https://rstudio.com/).

Next, you will need to install the ggplot2 library by running the following command in the R console:
```
install.packages("ggplot2")
```
After installing ggplot2, you can load it into your R session by running the following command:

```
library(ggplot2)
```
To create a plot using ggplot2, you will need to first prepare your data. You can do this by loading it into a data frame, which is a special type of object in R that stores your data in a table format. For example, you can load a CSV file into a data frame using the following command:
```
data <- read.csv("data.csv")
```
Once you have your data loaded, you can start creating plots using the "ggplot" function. The basic syntax for creating a plot is as follows:
```
ggplot(data, aes(x = x_variable, y = y_variable)) + geom_point()
```
This creates a scatter plot of the "x_variable" against the "y_variable" in the "data" data frame. The "aes" function inside the ggplot function is used to map variables in the data frame to the x and y axes. The "geom_point" function is used to specify the type of plot, in this case, it's a scatter plot.

You can also customize your plot by adding additional layers to it. For example, you can add a line of best fit to your scatter plot using the "geom_smooth" function:
```
ggplot(data, aes(x = x_variable, y = y_variable)) + geom_point() + geom_smooth()
```
You can also add different types of chart like line chart, bar chart etc.

You can also customize the appearance of your plot by changing the colors, labels, and other elements. For example, you can change the color of the points in the scatter plot using the "color" aesthetic:
```
ggplot(data, aes(x = x_variable, y = y_variable, color = color_variable)) + geom_point()
```
In this case, the color of the points will be determined by the "color_variable" in the data frame.

ggplot2 offers a wide variety of options for visualizing data. You can use it to create a wide range of plots such as scatter plots, line plots, bar plots, histograms, and box plots, among others. It also allows you to customize the appearance of your plots using a wide range of options for colors, labels, and other elements.
How to populate a table in PostgreSQL database using INSERT multiple rows approach?
Tags: database, postgres, insert, devops
Published: 2023-01-14 11:15:48

In this blog I will demonstrate how to populate a table in PostgreSQL database using the INSERT multiple rows approach.

Assume I have a table:

```
create table my_table(a varchar(100), b timestamp, c bigint);

postgres=# create table my_table(a varchar(100), b timestamp, c bigint);
CREATE TABLE
postgres=# \d my_table
                        Table "public.my_table"
 Column |            Type             | Collation | Nullable | Default
--------+-----------------------------+-----------+----------+---------
 a      | character varying(100)      |           |          |
 b      | timestamp without time zone |           |          |
 c      | bigint                      |           |          |

postgres=#
```

To populate it using INSERT multiple rows approach I will use PostgreSQL anonymous code block:

```
do $$
declare
   n_of_recs bigint := 100000;
   random_varchar_length smallint;
   random_varchar varchar(100);
   random_timestamp timestamp;
   random_int bigint;   
   query text; 
begin
      
      query := 'insert into my_table values ';

      for idx in 1..n_of_recs loop      

         -- some random varchar length between 1 and 100
         random_varchar_length := floor(random()*(100-1+1))+1;

         -- some random varchar
         random_varchar := array_to_string(array(select chr((ascii('a') + round(random() * 25)) :: integer) from generate_series(1,random_varchar_length)), ''); 

         -- some random int between 55 and 777777777
         random_int := floor(random()*(777777777-55+1))+55;

         -- some random timestamp between '1900-01-01 00:00:00' and '2024-01-01 00:00:00'
         random_timestamp := timestamp '1900-01-01 00:00:00' + random() * (timestamp '2024-01-01 00:00:00' - timestamp '1900-01-01 00:00:00');

         if idx = n_of_recs then

            query := query || format('(''%s'', ''%s'', %s);', random_varchar, random_timestamp, random_int);
           
         else

            query := query || format('(''%s'', ''%s'', %s), ', random_varchar, random_timestamp, random_int);

         end if;

      end loop;

      raise notice 'query: %', query;

      execute query;

end$$;
```

Now I will check the number of records inserted into the table my_table:

```
postgres=# select count(1) from my_table;
 count
--------
 100000
(1 row)

postgres=#
```

To check how long does it take to populate the my_table with records I will use \timing execution time reporting option.

```
postgres=# \timing
Timing is on.

<run the PostgreSQL anonymous code block>

Time: 151164.002 ms (02:31.164)
postgres=#
```

Conclusion.

In this blog I demonstrated how to populate a table in PostgreSQL database using INSERT multiple rows approach.

I considered PostgreSQL anonymous code block approach.

Also I've mentioned the \timing execution time reporting option in PostgreSQL.
Features and Uses of S3(Simple Storage Service)
Tags: webdev, beginners, aws, storage
Published: 2023-01-14 10:48:47

**

## Main features of S3
**

**Durability:** Amazon S3 is designed to deliver 99.99999999% durability of objects over a given year.

**Availability:** The data in S3 is automatically distributed over a minimum of 3 physical availability zones. If one zone is unavailable, the data is still available in the other two zones by a replicated copy.

**Scalability:** S3 is managed by AWS and automatically scales up and down depending on the load.

**Reliability:** It is an extremely reliable service.

**Fast:** The multipart upload option enables you to upload large objects in parts.

**Inexpensive:** It is the most cost-efficient data storage and archived service.

**Secure:** Server-side encryption and Client-side encryption offers sophisticated integration with AWS CloudTrait to log,
monitor and retain storage API call activities.

**Flexible Storage Management:** Storage Administrators can classify reports and visualize the data usage trends to reduce cost and improve service levels.

**Easy Interface for Data Transfer:** It have a simple interface to download and retrieve data anytime and from anywhere on the web.

**Easy Integration:** It consists of thousands of consulting system integrators and is supported by an independent software vendorn partners.

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

## **Uses of S3:**

**Backup and Recovery:** Versioning-enabled buckets enable you to recover objects from accidental deletion or overwrite.
Amazon S3 offers a highly durable, scalable, and secure destination for backing up and archiving your critical data.

**Data Archiving:** Amazon S3 and Amazon Glacier provide a range of storage classes to meet the needs of compliance archives
for regulated industries or archives for regulated industries or active archive for the organization that need fast infrequent
access to archived data.

**Data Lake for Big Data Analytics:** Amazon S3 can be used as your data lake for big data analytics. It helps you manage big data by reducing costs while simultaneously scaling to meet the high demands.

**Hybrid Cloud Storage:** It helps you build hybrid cloud storage augmenting your existing load storage environment with the 
durability and scale of Amazon S3.

**Cloud-Native Application Data:** S3 provides high-performance, highly available storage that makes it easy to scale and maintain
cost-effective mobile and Internet-based apps that run very fast. With S3 you can add any amount of content and access it from anywhere. So you can deploy applications faster and reach customers.

**Disaster Recovery:** S3's highly durable, secure, global infrastructure offers a robust disaster recovery solution designed to provide superior data protection.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/byhknztz9jr5qna84rci.png)
Google clone with React JS
Tags: react, javascript, programming
Published: 2023-01-14 10:46:10

Building a Google clone with React.js would involve creating a single-page application (SPA) that uses React components to handle the user interface and interactions.



The search bar would be implemented as a React component that includes an input field and a submit button. When the user submits a query, the component would use React's built-in lifecycle methods and hooks to handle the form submission and make an API call to the back-end service.

The search results would also be implemented as a React component, which would receive the search results from the back-end service as props and render them on the page.

Other features like the navigation bar and the "Feeling Lucky" button would also be implemented as React components.

The application would also use a CSS  to handle the styling and layout of the page, to make it look like Google.

Overall, building a Google clone with React.js would involve a combination of front-end and back-end development skills, as well as a solid understanding of React concepts such as components, state, and hooks.



**<u>Live Demo :[https://google-clone-roan-beta.vercel.app/searchPage]</u>**

Please Click on the "Google" icon after opening the link.
And after that You can continue to feel the experience🙂🙂

<u>If you want the source code then Feel free to comment me for source code.</u>