teleren/devto huggingface dataset:
HOW TO HIRE A HACKER TO RECOVER LOST FUNDS (CYBERPUNK PROGRAMMERS)
Tags: lostcrypto, hireahackeronline, anonymoushelp
Published: 2024-07-04 01:31:10

If you've ever felt the gut-wrenching pain of falling victim to an online scam, you know the feeling of helplessness that follows. I was in that very situation not too long ago. Let me share my story with you. It all started with a seemingly promising investment opportunity on two websites: bit-run and coinvest. With the lure of quick profits, I decided to take the plunge and invested $1500. To my amazement, my investment seemingly skyrocketed to $50,000 within just five days. Excited and eager to cash out my earnings, I initiated a withdrawal request, only to be met with a frustrating demand – I was asked to pay 20% of my earnings, a whopping $14,000 before I could access my funds. Feeling hesitant but still hopeful, I complied with their request, believing that it was just a small price to pay for the substantial profits awaiting me. However, my optimism quickly turned to dismay when, the very next day, I was informed that an additional $5000 payment was required for my withdrawal to be processed. It was then that I realized I had fallen victim to a scam. Feeling devastated and betrayed, I thought I had lost my hard-earned money for good. That was until I stumbled upon a beacon of hope amidst the darkness – Cyberpunk programmers. Intrigued by the numerous positive reviews attesting to their ability to recover stolen bitcoins and funds, I decided to give them a chance. And let me tell you, it was a decision that changed everything. From the moment I reached out to Cyberpunk Programmers, I was met with empathy, and a sense of urgency to right the wrongs that had been done to me. Their team of experts guided me through the entire recovery process, providing regular updates and reassurance every step of the way. Despite my initial skepticism, they instilled in me a newfound sense of hope Cyberpunk Programmers is clients' success is 100%. Unlike other recovery services that promise the world but deliver little, Cyberpunk  Programmers delivers tangible results. Within just a week, they were able to recover all of my stolen bitcoins, restoring not only my financial stability. But their impact goes beyond just recovering lost funds – it's about restoring dignity, trust, and peace of mind to individuals who have been wronged by unscrupulous scammers. With Cyberpunk  Programmers by your side, you're not just another case number – you're a valued client deserving of justice and restitution. if you've been a victim of online fraud or scam, don't despair. Reach out to Cyberpunk Programmers and let them be the guiding light in your journey towards reclaiming what's rightfully yours. Their expertise, integrity, and dedication are unmatched, and I can say with absolute certainty that they have earned my trust and eternal gratitude. Thankyou, Cyberpunk Programmers, for giving me a second chance and restoring my faith in the goodness of cryptocurrencies. send them a message via email; cyberpunk @ programmers . net for a complaint like this.
avif2jpg.net - Free Online AVIF to JPG Converter for Universal Compatibility
Published: 2024-07-04 01:21:18

In the world of next-gen image formats, compatibility can sometimes be a challenge. That's where avif2jpg.net comes in – your solution for converting cutting-edge AVIF files back to the universally supported JPG format!

🔄 **Why Convert AVIF to JPG?**

While AVIF offers excellent compression and quality, there are times when you need the universal compatibility of JPG:

1. **Wider Device Support**: Ensure your images are viewable on older devices and software.
2. **Social Media Compatibility**: Some platforms don't yet support AVIF uploads.
3. **Editing Flexibility**: Open and edit your images in any image editing software.
4. **Printing**: JPG remains the preferred format for many printing services.
5. **Legacy System Integration**: Seamlessly integrate images into systems that don't support AVIF.

🚀 **Why Use avif2jpg.net?**

1. **Free and Easy to Use**: No registration required. Just upload, convert, and download.
2. **Instant Conversion**: Transform your AVIF files to JPG in seconds.
3. **Batch Processing**: Convert multiple images at once to save time.
4. **No Installation Needed**: Works right in your browser - no software to download.

🔧 **How to Use:**
1. Visit https://avif2jpg.net
2. Upload your AVIF image(s)
3. Adjust quality settings if desired
4. Click 'Convert'
5. Download your JPG file

It's that simple! Ensure your images are accessible to everyone, regardless of their device or software.

👨‍💻 **Perfect For:**
- Designers working with clients using older software
- Social media managers ensuring wide platform compatibility
- Photographers preparing images for print
- Web developers creating fallback images
- Anyone needing to share images widely

🌟 **Why Choose avif2jpg.net?**
- Completely free
- No account required
- User-friendly interface
- Fast and efficient
- Secure: Your images are processed in your browser, not stored on our servers

💡 **Pro Tip**: While AVIF offers great benefits, it's always good to have a JPG version for universal compatibility. Use avif2jpg.net to create JPG versions of your AVIF files as needed!

Ready to ensure your images are accessible everywhere? Try avif2jpg.net now and convert your AVIF files to universally compatible JPGs!

https://avif2jpg.net?utm_source=devto
why login not working after form submission ?
Tags: angular, html, typescript
Published: 2024-07-04 01:02:54


login.ts : 
`async onSubmit(): Promise<void> {
    this.email = true;
    this.pwd = true;
    this.mailform = true;
    this.isLoginInProgress.set(true);
  
    this._authService
      .login(this.form.controls.email.value.trim(), this.form.controls.password.value.trim())
      .pipe(
        catchError((error: HttpErrorResponse) => {
          this.handleAuthError(error);
          return of(error);
        }),
        tap(response => this._handleLogin(response)),
        finalize(() => this.isLoginInProgress.set(false))
      )
      .subscribe({
        error: (error) => {
          console.error('Login error:', error);
        }
      });
  }
  

  private _handleLogin(response: any): void {
    if (!response?.user) return;
    this.login = true;
    const accessToken = response.user.accessToken;
    const user_uid = response.user.uid;
    localStorage.setItem('accessToken', accessToken);
    localStorage.setItem('user_uid', user_uid);
    window.location.reload();
    this._router.navigateByUrl('/dashboard');
    
  }

  handleAuthError(err: HttpErrorResponse): void {
    if (!err.error.code) return;

    this.authError.set(true);
    this.form.valueChanges
      .pipe(
        take(1),
        tap(() => this.authError.set(true))
      )
      .subscribe();
  }
`

login.html : 
`<form [formGroup]="form" (ngSubmit)="onSubmit()" class="form-detail">
</form>`
authservice.ts : 
`login(email: string, password: string): Observable<any> {
    console.log('Logging in user:', email);
    const promise = signInWithEmailAndPassword(this.firebaseAuth, email, password)
      .then(response => {
        console.log('Login successful:', response);
        return response;
      })
      .catch(error => {
        console.error('Login error:', error);
        throw error; 
      });
  
    return from(promise);
  }
`
SOLVING CORS ERROR
Tags: cors, beginners, typescript, react
Published: 2024-07-03 23:25:36

**INTRODUCTION**
As a Mass Communication graduate turned software developer, my coding journey has been filled with both challenges and rewards. This article will highlight the challenge I faced solving a server-side problem related to CORS (Cross-Origin Resource Sharing). I will briefly give the step-by-step approach I took to resolve this issue and ensure my application was running smoothly.

**THE PROBLEM**
The issue I encountered was a CORS error when trying to sign up users through my application. I used React TypeScript for my project. The client side of my application was hosted on Netlify, while the server side was hosted on Render. Despite configuring CORS on the server side of my application, I kept receiving errors. Here is a breakdown of how I resolved this issue.

* Step 1: Identifying the CORS Error.
When users attempted to sign up, the browser's console showed that the server was not properly handling CORS requests. It showed this error:
```
 Access to XMLHttpRequest at '' from origin '' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
```

* Step 2: Configuring CORS on the Server.
I had to make sure the server was correctly configured to handle CORS requests.  I configured the server to allow requests from my client’s URL on Netlify.

* Step 3: Rebuilding and Redeploying the Server.
After making changes to the server configuration, it was important to recompile the TypeScript files into JavaScript and redeploy the server.
`tsc`

* Step 4: Ensuring Proper Endpoints on the Client Side.
 On the client side, I updated the API endpoint to point to the correct URL. This was where the error was, I forgot to add "/api/" to my baseUrl.

* Step 5: Verifying and Testing
After deploying the changes, I tested the application to ensure that the CORS errors were resolved and that the signup and login worked as expected. This involved:
1. Testing the signup and login from the client application.
2. Ensuring that the server received and processed the requests correctly.
3. Checking the browser console and server logs for any other errors.

**Conclusion**
Solving the CORS and deployment issue was a significant learning experience. The error I encountered may not look like much, but it took me hours to figure it out, lol. This points out the importance of proper server configuration and thorough testing. 
If you encounter similar issue, remember to:
1. Check and configure your server for CORS.
2. Ensure your client-side API calls the correct endpoints.
3. Test your application after making changes.

**HNG INTERNSHIP AND ME**
I recently embarked on the HNG Internship, a very competitive program designed to bring out the best in software developers.
The internship offers an amazing opportunity to collaborate with experienced mentors and meet other smart interns.
Do check out the HNG Internship program, it is an incredible platform to start your career in tech! Use any of the links below:
(https://hng.tech/premium)
(https://hng.tech/internship)
Day 984 : Reason Why
Tags: hiphop, code, coding, lifelongdev
Published: 2024-07-03 23:25:03

_liner notes_:
- Professional : Pretty chill day. Had a couple of meetings, responded to some community questions and worked on refactoring an application.

- Personal : Went through tracks for the radio show. Looked at some land. Did some work on a logo. That was pretty much it. Went to sleep.

![An aerial view of Peyto Lake in Banff National Park, Canada. The lake is a bright turquoise color, and the surrounding mountains are snow-capped. The image is taken from a high vantage point, so the lake and mountains appear small. The sky is clear and blue. The lake is partially frozen over.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/32l7l7cisepm9fjksk87.jpg)

So I have tomorrow off and will probably stay up later than normal. Going to eat dinner. Work on social media posts for Friday. Put together the playlist for the radio show. Add some text to the logo I'm working on. Watching an episode of "Demon Slayer" to end the night. I'm thinking tomorrow, I'll actually do some coding on a side project. haha Been coding so much at work, I find other non-coding things to work on. No real reason why. Need to get back to it. So yeah, no post tomorrow because it's 4th of July. Try not to blow yourself up! haha

Have a great night!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube wPlxlyFsh2w %}
Seeking Guidance: Full-Stack Developer vs. Software Engineer in the Age of AI
Tags: softwareengineering, fullstackdevelopment, developers, ai
Published: 2024-07-03 22:57:56

As the latest computer science graduate, I find myself at a crossroads. The rapid advancements in artificial intelligence (AI) are reshaping the tech industry, and I am concerned about the potential impact on my career. I am currently contemplating whether to pursue a role as a full-stack developer or a software engineer. 

## My Background: 
I'm a recent CS graduate from Thompson Rivers University in BC, Canada. I have a strong passion for full-stack development. My goal in the future is to work at [Driveline Baseball](https://www.drivelinebaseball.com/), where not only baseball coaches but also developers, software engineers, data analysts, and data scientists analyze the amount of data in baseball to help baseball players from technological, biological, and scientific approaches. 

## The Dilemma:
With AI becoming increasingly capable, I am worried about the longevity and relevance of different tech roles. I want to choose a career path that not only aligns with my interests but also ensures that I won't be easily replaced by AI in the future.

## Seeking Your Insights:
If you were in my shoes as a recent CS graduate, which role would you choose and why? Do you believe a full-stack developer or a software engineer role offers better prospects in the AI-driven future? Your professional insights and experiences would be invaluable in helping me make an informed decision.

### Key Points for Discussion:

- The impact of AI on full-stack development vs. software engineering.
- The future demand for full-stack developers and software engineers.
- Skills and areas to focus on to remain relevant in the tech industry.
- Personal experiences and advice for a new graduate navigating this landscape.

I greatly appreciate your time and look forward to hearing your thoughts and advice. Your feedback will not only help me but also others in the community who might be facing similar dilemmas.

Thank you!
[Game of Purpose] Day 46 - Simple Battery System
Tags: gamedev
Published: 2024-07-03 22:06:20

Today I implemented a simple battery system. It has a status indicator in the top right corner. It has a configurable rate of depletion and automatically turns the engine off when it runs out of power.

![A 3D rendered scene showing a drone on a grid-patterned platform, with a clear sky and simple geometric structures in the background. The interface indicates "Engine Off" and displays a 0% status bar.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m97fqv82toma4ni8smx3.png)

{% embed https://youtu.be/g2SHBqb4fb0 %}

First I create a `BPC_Drone_Battery` component. It has an event `DrainTick` called every `TickEvery` amount of time and calls a `Drain Charge` function.

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


`Drain Charge` function simply takes `Drain Per Tick` away from a total charge and calls `Update Charge`. It does nothing when the battery is off.

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

`Update Charge` updates the `Charge` variable and calls events: `Battery Charge Changed` or when it drops to zero `Battery Charge Depleted`.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/q3dnli4es1rv91vezxn0.png)
Efficient User and Group Management on Linux: A Bash Script Tutorial
Tags: linux, bash, devops, sysop
Published: 2024-07-03 22:44:14

## Table Of Content
1. Introduction
2. script overview
3. Conclusion


## Introduction
A Bash script is a text file containing a series of commands written in the Bash (Bourne Again SHell) scripting language, which is a command processor that typically runs in a text window where the user types commands to perform actions. A Bash script allows users to automate repetitive tasks, manage system operations, and perform complex operations by executing commands.

As a SysOps engineer, managing user accounts and groups is crucial for maintaining a secure and organized development environment. In this article, I will guide you through a bash script designed to automate user creation, assign groups, set up home directories, and handle permissions efficiently.

The script, create_users.sh, performs the following tasks:
1. Reading Input: It reads a text file containing usernames and their associated groups.
2. User and Group Creation: It creates users and their groups if they do not already exist.

3. Home Directory Setup: It sets up home directories with appropriate permissions and ownership.

4. Password Generation: It generates random passwords for the users.

5. Logging: It logs all actions to /var/log/user_management.log and stores the passwords securely in /var/secure/user_passwords.csv.

### Script Overview
Here’s a detailed breakdown of the script:
1. Checking Input Argument: The script checks if the input file is provided as an argument.

```
if [ -z "$1" ]; then
    echo "Usage: $0 <name-of-text-file>"
    exit 1
fi

```
2. Initialization: It initializes log and password files and ensures the secure directory exists.

```
# Function to generate a random password
generate_password() {




    # using 'openssl rand -base64 12’ to generate a 12-character password
    openssl rand -base64 12
}

# Read input file line by line
while IFS=';' read -r username groups; do
    # Create groups if they don't exist
    for group in $(echo "$groups" | tr ',' ' '); do
      groupadd "$group" 2>/dev/null || echo "Group $group already exists"
    done

```

3. 

## create user
`  useradd -m "$username" -G "$groups" 2>/dev/null || echo "User $username already exists"`

4. command that sets passwords

` password=$(generate_password)
    echo "$username:$password" | chpasswd`

5. Command that logs actions 

`echo "$(date '+%Y-%m-%d %H:%M:%S') - Created user $username with groups: $groups" >> "$log_file"`

6. Command that stores password securely

` echo "$username:$password" >> "$password_file"
done < "$input_file"`


### Conclusion
This script simplifies managing users and groups on a Linux system, ensuring security and efficiency. Automating these tasks not only saves time but also reduces the risk of human error.

For more information on the HNG internship program and to learn how to become a world-class developer, visit [HNG Internship](https://hng.tech/internship) and [HNG Premium](https://hng.tech/premium).
You can also find the code to the bash script on my GitHub here [Linsmed](https://github.com/Linsmed/hng_stage_1_task)
Recreate Angular Logo with SVG
Tags: webdev, javascript, beginners, programming
Published: 2024-07-03 22:35:47

#**Introduction**

Using path elements, the first thing to create is the outer shield. The logo shield is made of a lighter and darker portion, which creates an illusion of a fold. Let's create the shield.

```javascript
<svg width="800" height="600">
   <path fill="#dd002e" d="M 0 50 L 100 0 L 200 50 L 190 185 L 100 235 L 10 185 Z"></path>
   <path fill="#c4002b" d="M 100 0 L 200 50 L 190 185 L 100 235 Z"></path>
</svg>
```

![Angular logo shield](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7dvexd2j8bkj0vdsq0uy.png)

###**Explanation:**
For the darker portion, there are seven instructions:
**M** 0 50
**L** 100 0 
**L** 200 50 
**L** 190 185
**L** 100 235
**L** 10 185 
**Z**

The instructions work with coordinates, and **M** is the initiating origin, where the SVG starts from, **L** command is for lines that need to be drawn to a coordinate, and the **Z** command closes a path.

###**To draw letter A**

```javascript
// <svg width="800" height="600">
// <path fill="#dd002e" d="M 0 50 L 100 0 L 200 50 L 190 185 L 100 235 L 10 185 Z"></path>
// <path fill="#c4002b" d="M 100 0 L 200 50 L 190 185 L 100 235 Z"></path>
   <path fill="#fff" d="M 100 35 L 30 185 H 50 L 100 70 Z"></path>
   <path fill="#fff" d="M 100 35 L 170 185 L 150 185 L 100 70 Z"></path>
   <path fill="#fff" d="M 78 120 L 122 120 L 132 140 L 68 140 Z"></path>
// svg
```

###**Result**

![Angular logo with letter A](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jx2pee6ihrtgstxl8mzh.png)


<iframe height="300" style="width: 100%;" scrolling="no" title="SVG Angular Logo" src="https://codepen.io/dindustack/embed/ZEdzEEE?default-tab=html%2Cresult" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
  See the Pen <a href="https://codepen.io/dindustack/pen/ZEdzEEE">
  SVG Angular Logo</a> by Chinwendu (<a href="https://codepen.io/dindustack">@dindustack</a>)
  on <a href="https://codepen.io">CodePen</a>.
</iframe>
Let's build "meet" together
Tags: ai, productivity, mobile, interview
Published: 2024-07-03 21:46:10

Hi proactive creators!

I’m Vlad, a co-founder of "meet," a startup creating a platform for scheduling meetings.

We are now searching for: 
 ⁃ Chief Technology Officer (CTO) 
 ⁃ Lead UX/UI Designer 
 ⁃ Lead Graphic Designer
Please fill the form in the presentation below or email us (zakhv@wharton.upenn.edu) if you are interested in joining the team or have any questions!

About the project:

"meet" reduces the costs of arranging team and 1:1 meetings to under 15 seconds (outperforming a messenger) by using AI and innovative user interface elements. We focus on absolute simplicity of the interface, flexibility of use, and the comprehensiveness of the solution.

We are now developing an MVP and plan to launch the product in the first half of the fall.

About the role:

We are looking for a key team member, not an employee. So it is an unpaid long-term role — we need proactive creators driven to change the ordinary!

Compensation is provided in the form of company equity options. Once we secure a funding round (~ fall), a salary can be discussed individually.

To find more detailed information about the product, position, and team, click here![](https://drive.google.com/file/d/1O4NRoN8tepiwxhvif8vb_T3gzbxEcHGC/view)