teleren/devto huggingface dataset:
I made a trendy open-source ChatGPT AI Admin Template! Use it for free! 🧠
Tags: webdev, showdev, react, ai
Published: 2023-06-21 04:56:27

Hey guys,
I made a fully ready-to-use trendy ChatGPT AI admin dashboard template for React & NextJS! Use it for free!

Presentation: https://horizon-ui.com/ai-template
Live demo: https://horizon-ui.com/chatgpt-ai-template/
Download on Github: https://github.com/horizon-ui/chatgpt-ai-template
Future of Digital Marketing (Scope of Digital Marketing)
Tags: marketing, digitalmarketing, marketingstrategy
Published: 2023-06-21 04:48:54

So today our topic is Future of Digital Marketing (Scope of Digital Marketing), today we will know how digital marketing will emerge in the coming time. And how will it affect us. And they will also know whether it is beneficial or harmful for us. Today all your doubts will be cleared regarding digital marketing and its future. We are going to explain you in detail in this post. So let's start and know the future of digital marketing. But before knowing the future of digital marketing, we will know what is digital marketing. And then we will learn about the future of digital marketing in detail. Here I will explain to you about digital marketing in a very small way. If you want to know very well what is digital marketing, then I will give you its link below, by clicking on it you will be able to know very well what is digital marketing. [Future of Digital Marketing (Scope of Digital Marketing)](https://www.regularupdates.tech/2023/06/future-of-digital-marketing-scope-of.html)
Swift Codable Protocol
Tags: swift, codable
Published: 2023-06-21 03:56:12

**KISS: Codable protocol helps to translate json data format into a class object.**

KISS Diagram:

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

Here is a short extraction from this well written [article by wunderman thomson](https://www.wundermanthompson.com/insight/swift-codable-protocol-part-i#:~:text=Codable%20is%20the%20combined%20protocol,to%20be%20saved%20or%20transferred.):


> Codable is the combined protocol of Swift’s Decodable and Encodable protocols. Together they provide standard methods of decoding data for custom types and encoding data to be saved or transferred. 



Below is an example of just how simple Codable can make the data parsing process. Notice that the first object, parsed without Codable, takes about 19 lines of code. The second object, using Codable, takes just 5 lines of code.

```
// JSON Data:
{
 "id": 1234,
 "src": "//api.someHost.com/version/someImageName.jpg",
 "caption": null
}


// Old Object:
struct Photo {
 let id: Int
 let src: URL
 let caption: String?

 init?(json: [String: Any]) {
 guard
 let id = json[“id”] as? Int,
 let srcString = json["src"] as? String,
 let src = URL(string: srcString)
 else { return nil }

 let caption = json["caption"] as? String

 self.id = id
 self.src = src
 self.caption = caption
 }
}


// New Codable Object:
struct Photo: Codable {
 let id: Int
 let src: URL
 let caption: String?
}
```
De belangrijkheid van farmaceutische producten voor onze gezondheid
Published: 2023-06-21 03:44:10

De belangrijkheid van farmaceutische producten voor onze gezondheid is onbetwistbaar. Ze spelen een cruciale rol in de gezondheidszorg en bij de behandeling van medische aandoeningen. Farmaceutische producten, zoals die beschikbaar zijn op de website van OnlineMedz Apotheek (https://onlinemedzapotheek.com/), bieden hoogwaardige en betrouwbare opties voor gezondheidszorg.

Hier zijn enkele belangrijke redenen waarom farmaceutische producten van OnlineMedz Apotheek belangrijk zijn voor onze gezondheid:

Ziektebehandeling: De farmaceutische producten die op de website beschikbaar zijn, bieden effectieve behandelingsopties voor verschillende ziekten en medische aandoeningen. Ze helpen symptomen te verlichten, de voortgang van de ziekte te vertragen en de algehele gezondheid te verbeteren.

Pijnmanagement: OnlineMedz Apotheek biedt ook producten voor pijnverlichting. Deze helpen bij het verlichten van acute en chronische pijn en helpen mensen hun dagelijks leven beter aan te kunnen.

Infectiebeheersing: Op de website zijn ook medicijnen verkrijgbaar voor de controle en behandeling van infectieziekten. Ze helpen bij het bestrijden van infecties, het voorkomen van verspreiding en het verminderen van de ernst van de ziekte.

Beheer van chronische ziekten: OnlineMedz Apotheek biedt ook medicijnen aan om chronische ziekten aan te pakken. Deze helpen bij het controleren van symptomen, het voorkomen van complicaties en het verbeteren van de langetermijngezondheid.

Ondersteuning van de geestelijke gezondheid: De website biedt ook medicijnen voor de behandeling van psychische aandoeningen. Deze helpen bij het stabiliseren van de stemming, het verlichten van symptomen en het verbeteren van het algehele psychische welzijn.

Preventieve geneeskunde: OnlineMedz Apotheek biedt ook preventieve medicijnen aan, zoals vaccins. Deze helpen bij het voorkomen van infectieziekten en het versterken van het immuunsysteem.

De website van OnlineMedz Apotheek (https://onlinemedzapotheek.com/) is een betrouwbare bron voor hoogwaardige farmaceutische producten. Het is belangrijk dat het gebruik van medicijnen altijd onder begeleiding en toezicht van medisch personeel gebeurt om een veilige en effectieve behandeling te waarborgen.
Fresh start 🌱
Tags: devjournal
Published: 2023-06-21 03:26:03

Hey there 👋 I'm Derin.

I recently regained my freedom after studying for university exams for 8 months.

During my studying period, I focused solely on exam curriculum and neglected everything else. This had a strong impact on my both physical and psychological health 😔

Exams were held last weekend, and now I'm free once again.

In the last month of my studying period, there was practically nothing left to learn. So, I decided to get back into programming.

It didn't take me long to realize that I had forgotten almost everything. Only core concepts were there, almost no syntax was left in my memory.

> I remember what visibility is, but have no idea how to declare a class property as private

This was frustrating of course. But I realised it was an opportunity to make a fresh start.

Understanding language-agnostic concepts will let me learn new languages without beginner struggles.

This is a new and exciting event in my life and I look forward to write down my experiences 🧑🏻‍💻
SolarCraft
Published: 2023-06-21 02:41:20

## 1. After finishing Patrick Collions freecodecamp 31 hour long course I build this this #NFT x #Metaverse  site named SolarCraft.
Code: https://github.com/orgs/The-SolarCraft-Project/repositories
Site: https://wonderful-centaur-eafee9.netlify.app
Please try and build your own metaverse.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0zf9ph61t3acg8tvowzl.png)
WebMagic AI has just been released on AIUtilityBox
Tags: ai, beginners, opensource, career
Published: 2023-06-21 02:01:01

📢 Exciting news! A cutting-edge tool, WebMagic AI (https://aiutilitybox.com/webmagic-ai) has just been released on aiutilitybox.com! 🎉✨ This innovative article summarizer is here to revolutionize your reading experience. 📚🔍 Say goodbye to lengthy texts and hello to concise summaries in no time! ⏱️💡
WebMagic AI increases your reading productivity by quickly summarizing large amounts of text into shorter versions, saving you precious hours every week. ⚡️✂️ With this powerful tool, you can effortlessly extract the key points from articles and stay informed without the information overload. 🚀💪
Discover the power of WebMagic AI on aiutilitybox.com and unlock a whole new level of reading efficiency. 🌟✨ Experience the convenience of concise article summaries and boost your productivity today! #webmagicai #aiutilitybox #readingrevolution #ai #experience #productivity #power #aitools #productivitytools #aitechnology #efficiencyboost #artificialintelligence #techinnovation
Cloud, tu caja de herramientas personal
Tags: development, webdev, frontend, backend
Published: 2023-06-21 01:42:46

> Imagina que eres un albañil y el mundo cloud es como una gran **caja de herramientas**, todas listas para usar. Un programador es como ese albañil, pero en lugar de construir casas o edificios, construye programas y aplicaciones.

---

Enfrentándose a desafíos del mundo cloud te dará como programador un montón de herramientas nuevas y geniales para jugar. Estas herramientas ayudan a los programadores a hacer cosas más rápido, mejor y más fácil que antes. 

Por ejemplo, en lugar de tener que construir una casa pieza por pieza, ahora pueden usar una máquina que construye muros completos en poco tiempo, o en lugar de hacer una puerta que crees será impenetrable, contratas a un tercero que tiene un sistema monitoreo centralizado, con lo último en vanguardia en detección de amenazas. 

![usar una máquina que construye muros completos](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qjtlbn1sb8d8s3bq3yvk.jpg)
Ahora, creo que entiendes por donde viene la mano no? Fíjate que hablando de todas estas características, no he tocado el tema del costo, no es que sea menos importante. Simplemente, que para entrar de lleno debemos primero reconocer las herramientas, antes de siquiera utilizarlas. 


###Entonces, ¿cómo puede un programador aprovechar estas herramientas? 


![Coding](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mvw4srf69eb8x85wns3y.gif)Digamos que un programador quiere hacer una aplicación para tomar fotos y compartirlas con amigos. En lugar de comenzar desde cero, pueden buscar en la caja de herramientas "Cloud" y encontrar cosas que te faciliten la vida.

Por dar un ejemplo, puedes encontrar una herramienta que te ayude a guardar todas esas fotos sin tener que preocuparse por quedarse sin espacio, o sobre dimensionar el espacio que necesitarás para recién arrancar, especular no es la idea estando en el mundo cloud. 

Otro caso de ejemplo, podrías encontrar otra herramienta para enviarle esa misma foto a tus amigos de forma fácil y segura, sin necesidad de moverla. Esa es la gran diferencia de trabajar en la nube, siguiendo con la analogía de la construcción puedes crear una estructura base y luego crear nuevos pisos, y hasta una piscina si te pones creativo. 

---

##Conclusión
Ya sabes, el mundo cloud les da a los programadores muchas maneras geniales de hacer su trabajo más fácil y divertido, no tengas miedo, *comienza a probar y a profesionalizarte.*

Es como si tuvieras una caja de herramientas mágicas llena de cosas sorprendentes, que si lo hicieras por tu cuenta, pasarías un montón de tiempo solamente desarrollando un martillo, sin llegar a dar una solución real a tu problema. 


---
¿Te gustaría que estemos en 📩 contacto?
[Hector Fernandez, AWS Builder](https://www.linkedin.com/in/hectorfernandez02/)

![Hector Fernandez AWS Community Builder](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/akgtppo22zbrww2dcp0r.jpg)
Héctor Fernández
AWS Community Builder (Uruguay)
https://hector.builders/
8 tasks you need to do for your team as an Engineering Manager (EM)
Tags: beginners, devjournal, programming, softwareengineering
Published: 2023-06-21 01:31:00

The role of an Engineering Manager is both challenging and rewarding.

8 tasks you need to do for your team as an Engineering Manager (EM):

1. Daily Standups

2. Unblocking the team

3. One to Ones

4. Recruiting

5. Administrative stuff

6. A bit of coding (may be)

7. Meetings with managers and stakeholders

8. Project Management



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


Thanks for reading this.

If you have an idea and want to build your product around it, schedule a call with [me](https://calendly.com/pragyanatvade).

If you want to learn more about DevOps and Backend space, [follow me](https://dev.to/pragyanatvade).

If you want to connect, reach out to me on [Twitter](https://twitter.com/pragyanatvade) and [LinkedIn](https://www.linkedin.com/in/pragyanatvade/).
Making a new framework
Tags: fastapi, coding
Published: 2023-06-21 01:27:58

What do we like about the existing frameworks out there currently? What do we need or want from it? Speed, easy to learn, fast to install, and something that comes together for styling and all front end languages in place. What do we do now to build this? Run npm or yarn in the console to fetch those packages, wait a couple of minutes, and read through the README.md files right?

So what do we go to boot camp for? To build onto what we already know or do. I try to perfect it every time we use it. Then run update after update. After all those updates, it still can have vulnerabilities. A lot of designers turn to using WordPress or Shopify for fast building and plugin support.

What about a new framework that would take away what I just said, and produce what we all really need and didn't expect but kind of do when surfing the web? Built from a language that is more direct and easy to learn, that works both on the front end and with the server side? How about no need to sign up for a database account because it would create a new one in it's own space with secure connection or access?

Sounds different than what we currently do right? Well it is. Ve prepared for simplicity, faster loading, and easy to learn styled full stack framework. Who would be interested in learning more?
How to get the file extension from an upload using JavaScript
Tags: javascript, html
Published: 2023-06-21 01:22:59

This tutorial will help you understand the process involved in getting a file extension using JavaScript. If you’re building a web app that allows user file uploads this can be used to validate any file type restrictions you may want to implement.

Let’s get started by creating a form with a file input field, a button that’ll call a function to check the file extension, and a paragraph with a empty span that we’ll inject the file extension string inside once it has been established:

```html
<form>
  <fieldset>
    <legend>Check file extension:</legend>
    <input type="file" id="input-file-upload" />
    <input type="button" id="btn-check-extension" value="Check" />
  </fieldset>
</form>
```

Next the JavaScript starting with an event listener to detect when the button is clicked:

```javascript
const btn = document.querySelector("#btn-check-extension");
btn.addEventListener('click', () => getExtension());
```

This event listener then calls a `getExtension` function that looks like this:

```javascript
const getExtension = () => {
  const file = document.querySelector("#input-file-upload").value;
  const extension = file.split(".").pop();
  document.querySelector("#result").textContent = extension;
};
``` 

What we’re doing here is getting the filename from input field, using the `split()` method to split the filename and extension into an array, then using the `pop()` method which gets the last item from an array (the file extension).

That’s all for this tutorial. While you’re here why not check out some of these other [JavaScript tutorials](https://w3collective.com/tag/js/).
Building an Infinite Website with Flask and OpenAI's davinci-v3
Tags: flask, webdev, ai, api
Published: 2023-06-21 00:55:49

In this tutorial, we'll explore how to create an infinite website using Flask, a Python web framework, and OpenAI's davinci-v3 language model. By combining Flask's routing capabilities and OpenAI's powerful text generation, we can dynamically generate web pages on the fly. Let's dive in and build our infinite website!

## Setting Up the Flask Application
Let's start by setting up a basic Flask application. Install Flask using pip and create a new file called app.py. Place the following code inside it:

```python
from flask import Flask, request
import openai

openai.api_key = "YOUR_OPENAI_API_KEY"

app = Flask(__name__)

# Define the base prompt and other configurations
# ...

# Define the route and request handler
# ...

if __name__ == '__main__':
    app.run()
```
Make sure to replace "YOUR_OPENAI_API_KEY" with your actual OpenAI API key.

## Defining the Base Prompt

```python
BASE_PROMPT = """Create a response document with content that matches the following URL path: 
    `{{URL_PATH}}`

The first line is the Content-Type of the response.
The following lines are the returned data.
In case of an HTML response, add relative href links to related topics.
{{OPTIONAL_DATA}}

Content-Type:
"""
```
You can modify the base prompt to suit your specific requirements. It includes placeholders `{{URL_PATH}}` and `{{OPTIONAL_DATA}}` that will be replaced dynamically based on the request.

## Handling Requests and Generating Content

```python
@app.route("/", methods=['POST', 'GET'])
@app.route("/<path:path>", methods=['POST', 'GET'])
def catch_all(path=""):
    if request.form:
        prompt = BASE_PROMPT.replace("{{OPTIONAL_DATA}}", f"form data: {json.dumps(request.form)}")
    else:
        prompt = BASE_PROMPT.replace("{{OPTIONAL_DATA}}", "")

    prompt = prompt.replace("{{URL_PATH}}", path)

    response = openai.Completion.create(
        model="text-davinci-003",
        prompt=prompt,
        temperature=0.7,
        max_tokens=512,
        top_p=1,
        frequency_penalty=0,
        presence_penalty=0
    )

    ai_data = response.choices[0].text

    content_type = ai_data.splitlines()[0]
    response_data = "\n".join(ai_data.splitlines()[1:])
    return response_data, 200, {'Content-Type': content_type}
```
This code sets up the route for the root URL ("/") and any other path ("/path:path"). The `catch_all` function is the request handler, responsible for generating the dynamic content. It replaces placeholders in the base prompt with the actual URL path and request data, if available. The OpenAI API is then used to generate the response, and the extracted content and content type are returned to the client.

## Conclusion
Congratulations! You've built an infinite website using Flask and OpenAI's davinci-v3. By combining Flask's routing capabilities with the text generation power of OpenAI, you can create a dynamic web experience that generates content on the fly.

### FULL CODE

{% embed https://gist.github.com/TheLime1/77f6d58af28f0856e08350bcfffa4d74 %}
C++, speedup your function by using vector as simple map
Tags: vector, map, speedup
Published: 2023-06-21 00:38:45

Sometimes, we need to use map<int, char> or map<char, string> if the data is simple enough, such as only English characters or only '1' to '9', etc. This is especially true when the map is created repeatedly.
Using vector of char or vector of string is the best way to increase the speed of your program.

```cpp
+ int vs char :0 -> 'a', 1 -> 'b',...  
vector<char> cV={'a','b','c'};
// get char c of int val  -> char c = sV[val]
+  char vs string : 'a' -> ".-", 'b' -> "-..", ... 
vector<string> sV ={".-","-.."};
//to get string of char ch  -> string code = sV[ch-'a'];
```
Using different Github accounts with different private keys on Linux
Tags: linux, tips
Published: 2023-12-14 04:54:09

---
title: Using different Github accounts with different private keys on Linux
published: true
date: 2023-06-21 00:00:00 UTC
tags: linux, tips
canonical_url: https://ishan.page/blog/2023-06-21-linux-use-multiple-git-profiles/
---

Create a file `~/.ssh/config`

If you have 2 keys, for example: `id_rsa` for your personal, and `id_work` for your work, set the config as:

```
Host github-work
    HostName github.com
    IdentityFile ~/.ssh/id_work
    IdentitiesOnly yes

```

Now, when cloning or adding remote, change the `github.com` in the clone url is changed to `github-work`
```
git clone git@github-work:username/whatever.git

```
Arithmetic Expression in JavaScript
Tags: javascript, beginners, tutorial, codenewbie
Published: 2023-06-20 22:32:35

Arithmetic expressions are mathematical expressions that involve arithmetic operations such as addition, subtraction, multiplication, and division. In JavaScript, you can use arithmetic expressions to perform calculations and manipulate numerical values.

Let's take a look at some examples of arithmetic expressions in JavaScript:

1. Addition: 

You can use the **`+`** operator to add two or more numbers. For example:

```

let sum = 5 + 10;
console.log(sum); // Output: 15
```


 2.Subtraction:

You can use the **`-`** operator to subtract one number from another. For example:

```
let difference = 10 - 5;
console.log(difference); // Output: 5
```
3.Multiplication:

You can use the **`*`** operator to multiply two or more numbers. For example:

```

let product = 5 * 10;
console.log(product); // Output: 50

```

4.Division:

You can use the **`/`** operator to divide one number by another. For example:

```

let quotient = 10 / 5;
console.log(quotient); // Output: 2
```
5.Modulo:

You can use the **`%`**operator to get the remainder of a division operation. For example:

```

let remainder = 10 % 3;
console.log(remainder); // Output: 1

```

You can also use parentheses to group arithmetic expressions and control the order of operations. For example:

```

let result = (10 + 5) * 2;
console.log(result); // Output: 30

```

In this example, the addition operation is performed first because it is enclosed in parentheses, and then the multiplication operation is performed.

It's worth noting that JavaScript follows the standard order of operations, which is also known as **PEMDAS** (**Parentheses, Exponents, Multiplication and Division, and Addition and Subtraction**). This means that operations within parentheses are performed first, followed by exponents, then multiplication and division (from left to right), and finally addition and subtraction (from left to right).

In conclusion, arithmetic expressions are an important part of JavaScript and are used to perform calculations and manipulate numerical values. By understanding the different arithmetic operators and the order of operations, you can write effective JavaScript code that performs complex calculations.
Day 766 : Learn
Tags: hiphop, code, coding, lifelongdev
Published: 2023-06-20 22:28:04

_liner notes_:
- Professional : Got up early to do a quick update to a couple of code snippets on the documentation site. Spoke with some folks about ways to implement a new feature. Got some clarification on how a demo is supposed to work and thought of some ways to make it a little more seamless. Spent a good part of the day testing some API endpoints and updating the API reference for new version coming out. It's taking me some time because I've never used OpenAPI specs to this degree before. Learning a lot.

- Personal : Went through a bunch of tracks for the radio show. Didn't get as much done as I wanted on the image generation for my side project. Did a bunch of research on the image generation, domain names, and some technologies for upcoming side projects.

![A river winding through shrubbery covered mountains in Blyde River Canyon, South Africa ](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a3nbbay76anzp43wawd4.jpg)

Going to go through tracks for the radio show. I really want to get the image generation feature working for my side project. I think I'm going to look more into the Canvas API, because that's used for the image generation. I think I can do it on the client side, maybe have the user change some things and then send that to the server to be generated and saved. Maybe I don't need to have it generated on the server. I'll go through a tutorial and see what I can learn.

Have a great night!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube CqpOi0Cp3Qg %}