teleren/devto huggingface dataset:
How to host a website on Hostinger 2024| Upload files to hpanel| Make Your Website Live
Tags: webhosting, hostingerwebsiteupload, hostingerhostin, websitehosting
Published: 2024-01-20 19:58:03

{% youtube jiQdFqW57IQ%}

In this video, I will take you in a step by step tutorial on how you can upload your website local files from your pc/laptop to Hostinger hPanel.

This is a Step-By-Step Guide: Uploading Your Website on Hostinger - From Purchase to Going Live!

To contact me in case you needed help: 
https://www.ameenschool.com

To get a special discount for Hostinger:

 https://www.hostg.xyz/SH9Lx
ENTER THIS COUPON CODE: ANILAGARWAL




## **What is Ddos attacks?**

A distributed denial-of-service (DDoS) attack is a malicious attempt to disrupt the normal traffic of a targeted server, service or network by overwhelming the target or its surrounding infrastructure with a flood of Internet traffic.

DDoS attacks achieve effectiveness by utilizing multiple compromised computer systems as sources of attack traffic. Exploited machines can include computers and other networked resources such as IoT devices.

From a high level, a DDoS attack is like an unexpected traffic jam clogging up the highway, preventing regular traffic from arriving at its destination.

For further explanation you can review this article: https://www.cloudflare.com/learning/ddos/what-is-a-ddos-attack/



## Why do use .htaccess file in the public_html folder?

the short answer is it will recognize our menu pages MIMe type and force the browser to read  them as .html files.

the longer answer is: 
URL Rewriting: The .htaccess file allows you to rewrite or manipulate URLs. This is useful for creating search engine-friendly URLs, implementing URL redirects, or configuring custom URL structures for your website.

**Access Control:** You can use the .htaccess file to control access to certain directories or files on your website. For example, you can password protect a directory, restrict access based on IP addresses, or block specific users or bots from accessing certain parts of your site.

**Error Handling:** The .htaccess file enables you to define custom error pages for specific HTTP status codes. This allows you to provide more user-friendly error messages or redirect users to alternative pages when errors occur.

**MIME Types:** You can use the .htaccess file to configure MIME types, which specify how certain file types should be handled by the server. This is useful when serving non-standard file types or when you want to force a specific behavior for certain file types.

**Caching and Compression:** The .htaccess file allows you to enable browser caching and compression for your website's static files, such as CSS, JavaScript, and images. This can improve website performance and reduce bandwidth usage.
#################################################################

how to upload html file to Hostinger
how to upload your website on Hostinger
how to host your local website files on Hostinger
upload website on Hostinger
upload website Hostinger
Hostingerhpanel setup
how to host a website on Hostinger
how to upload website to Hostinger
JAVA- Variables
Published: 2024-01-20 19:56:30

```
public class Main {

	public static void main(String[] args) {
		
		
	int x = 123;
	double y = 3.14;
	boolean z = true;
	char symbol = '@';
	String name = "Bro";
	
	System.out.println("Hello"+x);
	System.out.println("Hello"+y);
	System.out.println("Hello"+z);
	System.out.println("Hello"+symbol);
	System.out.println("Hello"+name);
		
	}
	
		
}
```
Auto generated SpringBoot CRUD
Published: 2024-01-20 19:55:37

This GitHub repository contains a Spring Boot project implementing auto-generated CRUD operations for seamless data management. 
The backend is developed in Java using the Spring Boot framework, providing a robust foundation for RESTful APIs.
Additionally, Python scripts are included to enhance specific functionalities, ensuring a versatile and efficient development environment.
✨✨**Explore the codebase for a comprehensive solution to effortlessly handle CRUD operations in a Spring Boot application with added Python capabilities.**

👉🔗https://github.com/sahar-letaief/auto-generated-crud-springboot-
What Happens When You Type ‘google.com’ and Hit Enter
Published: 2024-01-20 19:44:44


Many people wonder about how the internet works, and it's a common question in interviews. I'll try to explain it in a simple way.

In today's world, we use the internet for various things like watching videos, reading news, and learning. Google seems to have answers to everything, and we can find them by typing google.com in our browser. But have you ever wondered how this process works?

When you type a website's address (URL) in your browser, your computer goes on a journey. It communicates with servers, which are like special computers that manage resources or services in a network. These servers have unique addresses called IP addresses.

So, what's an IP address? It's like a house address for computers on the internet. Each device has one, and it looks like 'xxx.xxx.xxx.xxx,' where each 'xxx' is a number from 0 to 255.

Now, how does your computer find the IP address of the website you want to visit? It goes through a process called DNS lookup.

DNS, or Domain Name System, is like a translator. It converts easy-to-remember text-based domain names (like google.com) into numerical-based IP addresses. You can think of DNS as your phone's contacts app. When you call a friend, you don't need to know their phone number by heart; you just need their name saved in your contacts. Similarly, DNS helps you visit websites without memorizing their IP addresses.

After typing a URL, your browser checks its own memory (cache) for the IP address. If it's not there, it looks in the computer's memory, the router's memory, and even the Internet Service Provider's (ISP) memory. This whole process is the DNS lookup.

If the IP is found, great! Your browser goes to the website. If not, it keeps searching until it either finds the IP or concludes that it doesn't exist.

There's much more to DNS, like sub-processes and hierarchy, but for now, this basic explanation should give you an idea of how your browser finds and connects to websites.

So, once your browser has the IP address, what happens next? That's a story for another time!
iPhone 15 pro max giveaway 2024
Tags: career, security, mobile, giveaway
Published: 2024-01-20 19:32:48


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

Apple Gadgets Hits 1M Followers: [iPhone 15 Pro Max Giveaway Announcement](https://newsbangla24sss.blogspot.com/2024/01/iphone-15-pro-max-giveaway-2024.html)

Recently, A significant milestone has been reached by Apple Gadgets. They celebrate surpassing one million followers on their Facebook Page. This remarkable achievement is proof of the brand’s enduring popularity among the people .

This giveaway is open to 21th January,2024
The giveaway ends on 25th January,2024

Apple Gadgets offers a broad spectrum of cutting-edge devices, ranging from the latest iPhones to esteemed smartphone brands such as [Samsung](http://tinyurl.com/jrnkyybf), Xiaomi[](http://tinyurl.com/jrnkyybf), Realme[](http://tinyurl.com/jrnkyybf), and OnePlus. Complementing this lineup is a comprehensive array of accessories, including headphones, smartwatches, TWS, and much more. Additionally, laptops are a focal point for tech enthusiasts seeking premium quality gadgets.

With a strong digital presence, Apple Gadgets has solidified its reputation across various online platforms. Such as [Facebook](http://tinyurl.com/jrnkyybf), [Google](http://tinyurl.com/jrnkyybf), [YouTube](http://tinyurl.com/jrnkyybf), [TikTok](http://tinyurl.com/jrnkyybf), [Instagram](http://tinyurl.com/jrnkyybf), and many others. The swift and substantial rise of their presence on Facebook serves as a powerful testament to their unwavering commitment to actively connecting with an extensive and varied audience. 

**[Get iPhone 15pro Max](http://tinyurl.com/jrnkyybf)**

To celebrate this marvelous occasion, Apple Gadgets is attempting to[ giveaway an iPhone 15 Pro Max](http://tinyurl.com/jrnkyybf).  The giveaway highlights Apple Gadgets’ unwavering dedication to fostering connections within their community while consistently providing state-of-the-art products.




Good luck to everyone! 🎉📱 #iPhone15ProMaxGiveaway 

## iphone
Prototype to Prod: Any model, any modality 🔥
Tags: beginners, programming, opensource, ai
Published: 2024-01-20 19:30:48

# AIConfig 
AIConfig is an open-source platform to go from prototype to production with any model, any modality. 

Start with your prompts in - AIConfig Editor, a locally hosted AI playground.

Prompts save to an aiconfig.json that you can use in code with 'config.run('prompt_1')'. 

Open AIConfig editor when you want to edit and visually see outputs for your prompts. 

## Features

- **Editor for Prompts:** Prototype and quickly iterate on your prompts and model settings with AIConfig Editor - local playground.
- **Model-agnostic and multimodal SDK:** Python & Node SDKs to use aiconfig in your application code. AIConfig is designed to be model-agnostic and multi-modal, so you can extend it to work with any generative AI model, including text, image and audio.
- **Prompts as Configs:** standardized JSON format to store prompts and model settings in source control.
- **Bring your own model:** Extend AIConfig to work with any model and your own endpoints.
- **Collaborative Development:** AIConfig enables different people to work on prompts and app development, and collaborate together by sharing the aiconfig artifact.

## Get Started in Seconds! 
1. Star our repo on Github: https://github.com/lastmile-ai/aiconfig
2. pip3 install python-aiconfig 
3. export OPENAI_API_KEY= 'your-key-here' 
4. aiconfig edit 

**Launches AI Playground for you!** Make sure that you specify your API keys for model providers (e.g. OpenAI, HuggingFace, Anyscale) as env variables. 

Bring your own self-hosted/fine tuned model by writing a model parser so editor can support it! 

Join our Discord to give us feedback and chat with us: https://discord.com/invite/xBhNKTetGx
Resolving requested access to the resource is denied on Dockerhub
Tags: webdev, docker, beginners, tutorial
Published: 2024-01-20 19:20:16

Occasionally, you might encounter an error message stating that Requested access to the resource is denied when attempting to push images on Docker Hub.

In this article, I will provide steps to resolve it.

**Solution**

1. Log in to the Docker Hub account in the command line.

`docker login -u mkobi`

2. Tag your image build

`docker tag quotes:latest mkobi/quotes:v2`

3. View image locally via the Docker Desktop

4. Push the image to your private docker repository

`docker push mkobi/quotes:v2`

The output is similar to this:

```
The push refers to repository [docker.io/wise4rmgod/quotes]
73ba38394181: Pushed 
47f6f066faff: Pushed 
8e09802f4e96: Pushed 
88bb24ab4cf4: Pushed 
7355a3354412: Pushed 
23350eaaee74: Pushed 
df8e43203da9: Pushed 
92a6bff90f79: Pushed 
26cbea5cba74: Pushed 
v2: digest: sha256:78ad6fa8b3091a3d59a0a66bea3885d9c14075f369e48e57b92ef86ae5789385 size: 2204

```
Encountering the Requested access to the resource is denied error on Docker Hub can be frustrating, but by following the steps outlined in this article, you can identify and resolve the cause.
HOW I RECOVERED MY STOLEN BTC
Published: 2024-01-20 18:52:30


I advise first-time bitcoin investors to do their research before entrusting any of these Bitcoin investment websites with their hard earned funds. They gain your trust by portraying fake huge profits to convince you to put more funds, till when you invest a substantial sum, they intentionally freeze your account and demand for more payments to have your profits released. I had invested with a bogus company that ripped me off $198000 worth of Crypto, this was close to everything I Had in my savings. special thanks to Century Hackers Recovery, whose recovery company put in a lot of effort and made sure I had my money back If you ever find yourself in a similar scenario, you can reach out to Century Hackers  Recovery Recovery through; Email: century@cyberservices.com  
Website:  https://centurycyberhacker.pro
Leaving DEV.to due to a bug
Tags: bug
Published: 2024-01-20 18:35:30

I'm leaving DEV.to because of a bug that is intolerable. 
This bug was reported at least a year ago, but not addressed.
There are 3 reports so far I could find.
https://github.com/forem/forem/issues/18939
https://github.com/forem/forem/issues/15208
https://github.com/forem/forem/issues/20469

Wishing DEV.to and forem team to address it for others who are using this site.

See me at my [GitHub Page](https://nobudev7.github.io)
Flutter Launch Image in iOS
Published: 2024-01-20 18:33:48

In this article we'll learn how to add a custom Launch Image in Flutter, by default when you run you're Flutter project in iOS simulator or phone you'll notice that it first start's a blank white screen and continues to you're project Splash Screen.

Here's an outcome of this article

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4bdaudk0z1ej0s20wpxw.gif)


Let's work on that.

If you have you're app logo you can generate a splash screen Image from this [website](https://progressier.com/pwa-icons-and-ios-splash-screen-generator).

When you upload you're logo image, website will provide a pop where you can adjust logo position and background color, after finishing adjustment click generate asset button.

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

For this article we'll focus on Phones screen and not iPad. When assets are generated we'll scroll down until we see phone's splash screen.

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

You can click any portrait splash screen and download it.

Now let's switch to Xcode.

Open you're Flutter project in Xcode and let's through the following process.

First expand `Runner` by clicking the expand Icon on the left side of the `Runner`


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

After expand `Runner` You'll see another `Runner` folder just below `Flutter` folder and expand it again.


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

After expanding the Runner, you'll see a Folder named `Assets` click it, and it will give you two options

- AppIcons - for you're app Icon
- LaunchImage - for you're app launch image


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

Click LaunchImage option and you'll see three options for uploading image but current they're blank.

Double click each option and select the downloaded splashScreen

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

And boom we're done, you can now run you're app and you'll see it start's with a custom launch image and not a blank white screen again.
Finally got Courage to Publish My First SaaS app (Feedback is Welcome)
Tags: webdev, discuss, ai, programming
Published: 2024-01-20 18:30:28

I had a desire to create a SaaS application even before I started programming, that is one of the reasons why I ventured into the world of web development.

Through a whole journey, over these four years in the IT industry I thought I don't know enough to be able to build a SaaS application, especially not by myself. Which is true to some extent.

And as AI is becoming more popular from day to day, I took a chance and decided to create an app which would include some type of AI.

Being a frontend developer for the last 4 years meant I had to learn a lot of additional stuff if I wanted to make this app work.
I had to learn: backend stuff, Database, Docker, DNS, CI/CD on GCP, GCP Storage, Stripe API and webhooks. Also, a bunch of SEO and Marketing stuff which I am still figuring out.

To make things even harder on myself, VueJS is the frontend framework which I am using in daily work so it would make the most sense to choose VueJS for this job. So I did the right thing and chose NextJS with TypeScript.
NextJS because it is recommended on official ReactJs documentation for some reason idk. And TypeScript because I've wanted to learn it for quite some time.

The lesson I've learned after building this application is that this is the fastest way to learn new technologies, and probably the most fun way. I would for example never learn how to set up CI/CD on GCP if I just stayed on my frontend developer role in 9-5.

After all, I don't expect millions of dollars in revenue from this app but rather I see it as an app in which I learnt a bunch of new things and there's still things to figure out.

So finally, I present to you my first SaaS app for improving the quality of your photos using AI technology - [ClearPixel](https://www.clearpixel.io/).
It is a simple and straightforward process. You upload a photo, AI improves its quality and returns a new improved photo to you, which you are then able to download.

I am planning to expand the app with other AI models related to photos. But first I would like to see if I am able to bring at least 100 customers to the app as it is at the moment.

[ClearPixel](https://www.clearpixel.io/) needs some improvements in design but I was too hyped and couldn't keep this any longer, I just wanted to share it with all of you. And I wanted to ship it fast and get some feedback on it.

Other than that, I am open to and would love to hear any type of feedback on this app, or if you find a bug or something. Please share it, I would love to hear it.

It would also mean the world to me if you could share this app to your friends or someone you know will need this app.

ClearPixel link - [https://www.clearpixel.io/](https://www.clearpixel.io/)
Instagram link - [alenvarazdinac](https://www.instagram.com/alenvarazdinac)

Thank you.

P.s. writing blog posts is also one thing I need to get better at :D
Stack and Heap In Js
Tags: javascript, memory, webdev, programming
Published: 2024-01-20 18:27:21

```
let person = {
    name: "James",
    age: 23,
    isMale: true,
};
console.log(person);


let newPerson = person;
newPerson.isMale = false;
console.log(person);
```


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

We made a copy of the person object in the newPerson variable and tried to change the isMale property of the newPerson. Why did the person object change???

---

Stack and heap are two areas in memory where data is stored. The stack is used for static memory allocation, while the heap is used for dynamic memory allocation.

Static memory allocation means that the size and location of the memory is fixed at compile time, while dynamic memory allocation means that the size and location of the memory can change at runtime.

In JavaScript, primitive values (such as numbers, strings, booleans, etc.) are stored in the stack, while objects (such as arrays, functions, etc.) are stored in the heap.

Primitive values are immutable and have a fixed size, so they can be easily stored and accessed in the stack. Objects are mutable and have a variable size, so they need to be stored and accessed in the heap, which is more flexible but also slower.


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


In the diagram, you can see three examples of values stored in the stack:
name = “Ana”; age = 23; and info=0xc0004b4.

The first two are primitive values, while the last one is a reference to an object or array in the heap.The diagram also shows two examples of objects or arrays stored in the heap: array/object and array/object2. These are accessed by using the reference stored in the stack, such as info. The diagram illustrates how data is stored and referenced in both regions of memory.

you can think of person as info, and newPerson as another variable that has the same value as info.Both of them point to the same object in the heap, which is array/object.When you change a property of array/object, it affects both person and newPerson.

So what is the solution to copy an object without the same reference?😁

One way to make a deep copy of an object is to use the JSON.stringify() and JSON.parse() methods, which convert an object into a JSON string and then parse it back into a new object.

```
let person = {
  name: "James",
  age: 23,
  isMale: true,
};
let newPerson = JSON.parse(JSON.stringify(person));
```
Another way to make a shallow copy of an object is to use the Object.assign() method, which copies all the own properties of one or more source objects into a target object.

```
let person = {
  name: "James",
  age: 23,
  isMale: true,
};
let newPerson = Object.assign({}, person);
```

Another one way to make a shallow copy of an object is to use the spread (…) syntax, which copies all the enumerable properties of an object into a new object.

```
let person = {
  name: "James",
  age: 23,
  isMale: true,
};
let newPerson = { ...person };
```

:)