teleren/devto huggingface dataset:
2024's Must-Know Web Dev Trends: Time to Level Up Your Skills! 🎯
Tags: webdev, programming, beginners, productivity
Published: 2023-12-22 19:18:39


Web development is always on the move, and keeping up with the latest trends is key for any dev out there. Check out these hot trends for 2024 that you definitely want to keep on your radar:

![Ready for planning?](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1zn68z9xpk9973n85ts2.gif)

## 1. Progressive Web Apps (PWAs)
PWAs are gaining momentum, offering users an app-like experience within a web browser. They combine the best of web and mobile apps, providing offline access, push notifications, and faster load times.

## 2. Low-Code Development
The rise of low-code platforms is empowering non-technical individuals to build functional websites and applications, accelerating the development process and reducing the barrier to entry.

## 3. AI-Driven Development
AI is automating repetitive tasks, optimizing user experience, and personalizing content delivery in web development.

## 4. Responsive and Inclusive Design
Developers are focusing on creating websites that are accessible and optimized for various devices and users with disabilities.

## 5. UI/UX Trends
High-quality user experience and data storytelling are becoming crucial in UI/UX design for enhancing user engagement.

## 6. Voice-Activated Development Tools
Voice-activated tools are increasing productivity in software development by allowing developers to dictate code snippets and initiate complex processes hands-free.

## 7. Containerization and Docker
Containerization, particularly with Docker, is becoming indispensable in software development, providing enhanced flexibility, scalability, and ease of deployment.

## 8. Serverless Architecture
The shift towards serverless architectures, especially event-driven patterns, is leading to more responsive and scalable applications.

## 9. Cybersecurity-First Development
Integrating cybersecurity early in the development process is becoming a norm to reduce post-deployment vulnerabilities.

## 10. Cross-Platform App Development
Frameworks like Flutter are promoting the growth of cross-platform app development, ensuring compatibility and unparalleled user experience across platforms.



### Got any other cool web dev trends or insights that I missed? Let's chat about them right here!
Building A Crousal Maker Tool with NextJS ⭐
Tags: webdev, javascript, nextjs, tutorial
Published: 2023-12-22 18:50:23

**Hey Coder 👋** Welcome to my another blog post .

On **December 6** i was exploring and learning how to generate a beautiful html component into a PDF in **react app**, then i found that there is a libraries name [jsPDF](https://www.npmjs.com/package/jspdf) and [html2canvas](https://www.npmjs.com/package/html2canvas) can convert and download it easily .

As a linkedin user i also want likes and impression on my posts, and one of the best to engage and rank our post is by uploading a **Crousal** And to upload a crousal your crousals should be in a PDF format .



So, i get an idea that let's create a "Crousal Maker" app because canvas good crousals are premium.

{% cta https://github.com/taqui-786/crousal-maker %}Give A Star ⭐{% endcta %}

## [Demo ](https://crousal-maker.vercel.app/)

{% twitter 1738266525835145490 %}

{% cta https://github.com/taqui-786/crousal-maker %}Github Repo 💎{% endcta %}

## Crousal Editor ✨
 
![editor](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mvt1wleli9mpwle3fna2.jpeg)



For the UI library, **ShadcnUI** was chosen which is a lightweight and customizable component library for NextJS. It provides many common UI elements like buttons,inputs, cards etc out of the box. This helped speed up development and provided a polished look and feel.

Other key technologies included [jsPDF](https://www.npmjs.com/package/jspdf) for generating the PDF downloads, and [html2canvas](https://www.npmjs.com/package/html2canvas) for capturing screenshots of the crousal previews. This allows completely customized crousals to be downloaded in high quality PDF or image formats.


![landing page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3b3mk19ptekeq7k01t52.jpeg)

**Currently it have only two Templates but in future i will add many more. You can also clone it and add you own templates**. 

If you want you can also turn this Crousal Maker app  into a **SAAS business**. A paid subscription model would allow unlimited crousal creations and storage. Additional features like team collaboration, crousal sharing and analytics could also be added.

## That's it✔
 
I hope you liked this project idea and thankyou for reading this blog till here .

Comments 📩 you suggestion on this project idea .

See you next week👋

## Happy Coding 😊

---

{% embed https://dev.to/random_ti %}
[![github](https://img.shields.io/badge/GitHub-100000?style=for-the-badge&logo=github&logoColor=white)](https://github.com/taqui-786) 

[![twitter](https://img.shields.io/badge/Twitter-1DA1F2?style=for-the-badge&logo=twitter&logoColor=white)](https://twitter.com/Taquiimam14)

[![portfolio](https://img.shields.io/badge/Portfolio-255E63?style=for-the-badge&logo=About.me&logoColor=white)](https://mdtaquiimam.vercel.app)

[![buymeacoffee](https://img.shields.io/badge/Buy_Me_A_Coffee-FFDD00?style=for-the-badge&logo=buy-me-a-coffee&logoColor=black)](https://www.buymeacoffee.com/taquiDevloper)
CRYPTO RECOVERY EXPERTS \ADWAER RECOVERY SPECIALIST
Published: 2023-12-22 18:32:29

- 
Picture this: you're scrolling through your old emails, reminiscing about the time when you thought "bitcoin" was just a funny word. Suddenly, it hits you like a wave of FOMO – you remember that you had some bitcoins back in the day! But wait, where did they go? Panic sets in as you realize they might be lost forever. Adware Recovery Specialist is a miraculous fix that can transform your defeat into victory. We examine how Adware Recovery Specialist assisted a user in getting their lost bitcoins back in our first case study. Visit their website: adwarerecoveryspecialist.expert  By availing the services of Adware Recovery Specialist, individuals can benefit from their specialized knowledge and advanced tools tailored for bitcoin recovery. They offer a streamlined and efficient process that minimizes the hassle and stress associated with recovering lost funds.  Adware Recovery Specialist  acts as a guiding light in the dark tunnels of lost bitcoins, bringing hope and possibility to those in need. Adware Recovery Specialist is equipped with an impressive array of technological tools and resources. They locate and retrieve misplaced bitcoins using the most recent algorithms and innovative methods. To make sure the best recovery techniques are used, their staff continuously keeps up with the most recent developments in the cryptocurrency world. Regarding cryptocurrency transactions, security and privacy are crucial. Adware Recovery Specialist is aware of this and has strong security procedures in place to safeguard their clients' private data while it is being recovered. They take extreme precautions to preserve the integrity and confidentiality of their clients' data, including secure communication routes and encryption technologies.  Adware Recovery Specialist  strives to deliver a quick and effective recovery process and is aware of the urgency. Their staff makes a concerted effort to promptly recover misplaced money, minimizing any hindrance to their clients' financial operations. With Adware Recovery Specialist on your side, you won't have to wait long to get your bitcoins back. So, if you're feeling defeated by the loss of your bitcoins, don't lose hope! Adware Recovery Specialist is here to lend a helping hand and bring back the magic to your cryptocurrency journey. 
email: Adwarerecoveryspecialist(@)auctioneer.net 


Thank you.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/btlc9w67jlel8644tjpk.jpg)
Meet the Crunch Team
Published: 2023-12-22 18:30:38

# Christopher Yorkpara (Crunch Team Lead)
Mobile app developer by day, storyteller by night. I find joy in the intersection of innovation and storytelling. Whenever I’m not in the digital space, you could find me on a console gaming or screaming “Haaland!!!” while watching football. So, hit this [link](https://twitter.com/CYorkes) and let’s connect.

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

# Opeseitan Oyinkansola Florence
A content writer for the Crunch Team who finds joy in the art of cooking (eating) and the magic of words. Indoors is my happy place, and I love extending a helping hand to others. My inspiration for writing comes from the perspectives of arts, the rhythm of music, the warmth of love, and the diverse nature of people. Beyond all these, I'm also a tech sisturr eager to contribute significantly to the ever-evolving tech world. My aspirations reach beyond personal success; I hope to positively impact the lives of those around me. Let's [connect](https://www.instagram.com/oyeenl?igsh=OGQ5ZDc2ODk2ZA%3D%3D)

# Soji-Oderinde Oluwadamilola
Music aficionado, dance floor conqueror, and wordsmith extraordinaire – I'm Soji Jr.  Follow my rhythm on [Twitter](https://twitter.com/sojiJr). Let's vibe together!


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8ne47si2tde60j9wjxp5.jpeg)

# Oyekunle Ayomikun
Meet Oyekunle Ayomikun – where art, writing, and gaming collide.

# Aluko Olamide
Meet Aluko Olamide, a creative spirit passionate about drawing, writing, and reading. I also love fantasy romance. So let's [link up](https://www.instagram.com/theofficialbuky)

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

# Harrison Victory
Hey, I’m a music enthusiast, painter, avid reader, and writer of sad romcoms.

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

# Eme Obo Effanga
Hey there! I'm Eme Effanga, and life for me is a beautiful mix of *reading*, *writing*, *crocheting*, and *music*. Words are my playground—I'm into poetry and flash fiction. Catch my creative vibe on Instagram: [@nkechicanwrite](https://www.instagram.com/nkechicanwrite).

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/g1dyem7un7z4jm4biqgo.jpeg)
SNYK
Published: 2023-12-22 18:21:23

Programming languages for developing Snyk include Python, JavaScript (Node.js), Go, and others, depending on the nature and purpose of the tool. 

Snyk is a **Boston-based cybersecurity company** specializing in cloud computing.


**Snyk Overview:**

Purpose: The platform also helps to find, fix, and monitor known threats in open-source dependencies, secure authoring, and consumption of open-source code, enabling enterprises and developers to use open-source without compromising security.


**Functionalities:**

 * ​Explore the Dashboard.
 * View reports​.
 * ​Manage your Projects​.
 * ​Manage your integrations​.
 * ​Manage Organization or Group members​.
 * Snyk Organization and Group settings​.
 * View Snyk updates​
 * View helpful resources​


**Logo:**


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




Snyk is an **open-source** security extension for DevOps CI/CD processes.
CRYPTO RECOVERY EXPERTS \ADWAER RECOVERY SPECIALIST
Published: 2023-12-22 18:20:56

Picture this: you're scrolling through your old emails, reminiscing about the time when you thought "bitcoin" was just a funny word. Suddenly, it hits you like a wave of FOMO – you remember that you had some bitcoins back in the day! But wait, where did they go? Panic sets in as you realize they might be lost forever. Adware Recovery Specialist is a miraculous fix that can transform your defeat into victory. We examine how Adware Recovery Specialist assisted a user in getting their lost bitcoins back in our first case study. Visit their website: adwarerecoveryspecialist.expert  By availing the services of Adware Recovery Specialist, individuals can benefit from their specialized knowledge and advanced tools tailored for bitcoin recovery. They offer a streamlined and efficient process that minimizes the hassle and stress associated with recovering lost funds.  Adware Recovery Specialist  acts as a guiding light in the dark tunnels of lost bitcoins, bringing hope and possibility to those in need. Adware Recovery Specialist is equipped with an impressive array of technological tools and resources. They locate and retrieve misplaced bitcoins using the most recent algorithms and innovative methods. To make sure the best recovery techniques are used, their staff continuously keeps up with the most recent developments in the cryptocurrency world. Regarding cryptocurrency transactions, security and privacy are crucial. Adware Recovery Specialist is aware of this and has strong security procedures in place to safeguard their clients' private data while it is being recovered. They take extreme precautions to preserve the integrity and confidentiality of their clients' data, including secure communication routes and encryption technologies.  Adware Recovery Specialist  strives to deliver a quick and effective recovery process and is aware of the urgency. Their staff makes a concerted effort to promptly recover misplaced money, minimizing any hindrance to their clients' financial operations. With Adware Recovery Specialist on your side, you won't have to wait long to get your bitcoins back. So, if you're feeling defeated by the loss of your bitcoins, don't lose hope! Adware Recovery Specialist is here to lend a helping hand and bring back the magic to your cryptocurrency journey. 
email: Adwarerecoveryspecialist(@)auctioneer.net 


Thank you.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a4eqw7taohrm3yem0nt6.jpg)
RSA Keygen and Management
Tags: security, programming, webdev, tutorial
Published: 2023-12-22 18:10:17

So you're trying to learn how to generate and manage your RSA keys. It's pretty simple. The command below is how you would generally create an RSA key.

```
ssh-keygen -t rsa -b 4096 -m PEM -f jwtRS256.key
# Skip add passphrase
openssl rsa -in jwtRS256.key -pubout -outform PEM -out jwtRS256.key.pub
cat jwtRS256.key
cat jwtRS256.key.pub
```

But, if you would like to learn more about the commands continue reading!

First, up we use ssh-keygen which is the script that is used to generate keys.

```
ssh-keygen
```

Then we add some flags each flag does it's own thing.

`-t rsa` Specifies the type of key to create. In this case, rsa indicates an RSA key.

`-b 4096` Sets the number of bits in the key, in this case, we're setting 4096 bits. A higher bit count increases security but requires more computational power.

`-m PEM` Specifies the key format. PEM (Privacy Enhanced Mail) is a base64-encoded DER certificate used for different types of cryptographic keys.

`-f jwtRS256.key` This flag sets the filename for the private key. Here, the key is saved as jwtRS256.key.

That gives us the full command and breakdown of each parts.

```
ssh-keygen -t rsa -b 4096 -m PEM -f jwtRS256.key
```

To recap the command above generates a new RSA private key in PEM format with a length of 4096 bits and saves it as jwtRS256.key. 

**Executing the ssh-keygen command**

After executing the ssh-keygen command the console will ask you for a passphrase. You can either leave it blank or enter a passphrase. Adding a passphrase is usually used as additional security.

```
openssl
```

`rsa` specifies the RSA algorithm.

`-in jwtRS256.key` Indicates the input file, which is the private key file generated by ssh-keygen.

`-pubout` This flag tells OpenSSL to extract the public key from the input file.

`-outform PEM` Specifies the format for the output file, which is PEM.

`-out jwtRS256.key.pub` Sets the filename for the public key. In this case, the public key is saved as jwtRS256.key.pub.
This command uses the private key (jwtRS256.key) to generate a public key and saves it as jwtRS256.key.pub.

That gives us our full command with explanations of each flag!

```
openssl rsa -in jwtRS256.key -pubout -outform PEM -out jwtRS256.key.pub
```

Finally we execute two commands to display our keys

`cat` is a standard Unix utility that reads files sequentially, writing them to standard output.

```
cat jwtRS256.key
cat jwtRS256.key.pub
```

These commands are typically used in scenarios where RSA keys are needed, such as setting up JWT (JSON Web Tokens) authentication where RSA keys are used to sign and verify the tokens. The private key is used to sign the token, and the corresponding public key is used by the receiver to verify its authenticity.

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

That's it we've gone over how to create keys and each of the flags used to create these commands.
Elastic D&D - Update 15 - Fixing Password Reset
Tags: python, elasticsearch
Published: 2023-12-22 18:03:16

In the last post we talked about how rewriting the Note Input. If you missed it, you can check that out [here](https://dev.to/thtmexicnkid/elastic-dd-week-14-note-input-rewrite-lp8)!

## Fixing Password Reset
I finally gave access to my project to my D&D group! This would have been exciting, except when they all went to reset their passwords from "changeme", there were some issues. Specifically, the update_yml function wasn't able to locate the "config" variable.

Old code:
```
def update_yml():
    # updates login authentication configuration file
    with open(streamlit_project_path + "auth.yml", 'w') as file:
        yaml.dump(config, file, default_flow_style=False)
```

Now, I should have realized this, but this function wasn't able to grab the variable from outside of the function. I made this change to pass the configuration into the function and it works now.

New code:
```
def update_yml(updated_config):
    # updates login authentication configuration file
    with open(streamlit_project_path + "auth.yml", 'w') as file:
        yaml.dump(updated_config, file, default_flow_style=False)
```

_**NOTE**_:
> I felt really dumb once I realized what was happening. I legitimately couldn't figure out what was wrong and had to sleep off the frustration in order to spot this. Saying that to say, silly mistakes happen sometimes and that's okay.

## Logon Issue
Funnily enough, while I was troubleshooting the YAML issue, I noticed that users could still log in even if they put in an incorrect password. This shouldn't have been the case, and it ended up being a logic issue in the code.

See, when inputting an incorrect password, the username field was still being populated, which bypassed my check in the code:
```
if not st.session_state.username:
    DISPLAY LOGON WIDGET
else:
    DISPLAY HOME PAGE
```

Now, we initialize the authentication status along with the username, as well as check that instead of the username:
```
initialize_session_state(["username","authentication_status"])
...
if st.session_state.authentication_status in (False,None):
    DISPLAY LOGON WIDGET
else:
    DISPLAY HOME PAGE
```

## Closing Remarks
I'm glad I was able to identify the faulty parts of both of these issues. The program as a whole functions better with these changes in place. **_This is a friendly reminder to tell me about issues that you come across via Github. I will get to them!_**

I will be taking next week off for the holidays, but work on the player dashboard will begin soon after!

Check out the GitHub repo below. You can also find my Twitch account in the socials link, where I will be actively working on this during the week while interacting with whoever is hanging out!

[GitHub Repo](https://github.com/thtmexicnkid/elastic-dnd)
[Socials](https://allmylinks.com/thtmexicnkid)

Happy Coding,
Joe
ผิดไหมถ้าใจอยากจะใช้ Arch Linux บน WSL
Tags: wsl, archlinux
Published: 2023-12-22 17:53:59

## เกริ่นนำ
มีช่วงนึงที่เราหันไปใช้ Linux แบบจริงๆจังๆ จนเราได้ไปลอง Distro ตัวหนึ่งที่ชื่อ Arch Linux ในตอนนั้นเราก็ตกหลุมรักเข้ากับมนต์เสน่ห์แปลกๆของมัน ไม่ว่าจะการอัพเดตที่มีมาบ่อยจนรู้สึกหวาดกลัว หรือ package manager ที่แสนจะอัจฉริยะอย่างเจ้า pacman ทำให้เราต้องการนำมันกลับมาใช้งานใน WSL บนคอมเครื่องหลักของเรา แต่หลังจากที่ลอง search บน Windows Store เราเจอแต่ unofficial package ที่ไม่ได้อัพเดตมาหลายเดือนแล้ว เลยไปลองหาข้อมูลเพิ่มจนได้ใจความว่า ในปัจจุบันมี project open-source อยู่ตัวหนึ่งชื่อว่า wsldl ที่เราไว้ติดตั้ง rootfs หรือ disk image (ext4 vhdx) ใดๆก็ตามลงใน WSL ซึ่งเขาก็ได้ทำ rootfs สำหรับ Arch Linux ไว้ด้วยให้เราใช้ติดตั้งลงบน WSL ได้เลย ซึ่ง Package บน Windows Store ที่เราเจอก็เอาอันนี้ไปใช้นี่แหละ แต่เดี๋ยวเราจะมาลงกันเองเพื่อความ up-to-date!

สำหรับคนที่ไม่รู้จัก WSL มันก็คือเครื่องมือที่ช่วยให้นักพัฒนาสามารถใช้งานความสามารถของ Linux ได้โดยที่ไม่จ้องไปปวดหัวกับการทำ virtual machine หรือการทำ dual boot แต่ก็มาปวดหัวกับ WSL อยู่ดีนะ 😂

## ลงมือ
ด้วยความที่เจ้าของโปรเจ็คนี้ได้เตรียมอะไรหลายๆอย่างไว้ให้เราแล้ว ทำให้การติดตั้งนั้นมีหลายวิธีและค่อนข้างง่าย และในวันนี้เราจะใช้วิธีการติดตั้งผ่าน appx เพราะว่าง่ายมว๊าก เราสามารถทำตามขั้นตอนนี้ได้เลย

1. เข้าไปดาวน์โหลดตัวติดตั้งที่เป็น .appx กับตัว .cer มาไว้ที่เครื่องเราซึ่งเราก็เลือกแบบ AppX หรือ Online-AppX ก็ได้จะแตกต่างแค่ Online จะเป็นไฟล์ขนาดนั้นเล็ก จะมีการโหลดเพิ่มระหว่างการติดตั้งเฉยๆ

2. พอทำการโหลดทุกอย่างเสร็จเรียบร้อยก็ทำการ Install Cer เข้าไปก่อนเผื่อเป็นการยืนยันว่าเราเชื่อถือผู้พัฒนานี้ ก็คลิกตาม docs นี้ได้เลย

3. ขั้นตอนสุดท้ายก็ดับเบิ้ลคลิก .appx เพื่อทำการ install ก็เป็นอันเสร็จพิธีครับ

> appx ก็คือ package file ของ windows ที่เอาไว้ใช้แจกจ่ายสำหรับการติดตั้ง application ที่เป็น Universal Windows Platform (UWP) ส่วนมากใช้สำหรับนำแอพขึ้น Windows Store

นอกจาก Arch Linux แล้ว เรายังสามารถเอา wsldl มาใช้ได้กับทุก distro ที่เราต้องการได้เลย สามารถใช้กับ CPU ประเภท ARM ได้อีกด้วย

![wsldl show case](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2h5s3xy5r25y8438zgle.png)


ขอให้สนุกกับ WSL ครับ 👋

References
- https://learn.microsoft.com/en-us/windows/wsl/install
- https://github.com/yuk7/wsldl
- https://github.com/yuk7/ArchWSL
- https://wsldl-pg.github.io/ArchW-docs/