teleren/devto huggingface dataset:
Open-source React code generator component for CRUD apps based on your API on the fly
Tags: react, webdev, programming, tutorial
Published: 2022-12-13 08:27:02

We are running an open source React-based framework for building CRUD apps rapidly.

🚀Source code: https://github.com/refinedev/refine

We have built a new component called "Inferencer". It generates full working CRUD page codes by analyzing the API response. 

You can bootstrap a complete CRUD app within seconds if you have your API ready.

The aim is to reduce the amount of time spent on creating views for resources by generating the code automatically that can be customized easily.

Inferencer support is available for Ant Design, Material UI, Mantine UI, and Chakra UI.

Refer to the Inferencer documentation for examples and details:
https://refine.dev/docs/packages/documentation/inferencer/
Today I completed 1981 Solutions on Leetcode🥳🥳🥳
Tags: chiki1601, leetcode, challenges
Published: 2022-12-13 08:14:24


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


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



![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pksarfbcf39yvghsogft.png)
Freelance Work. What to do?
Published: 2022-12-13 08:03:52

If you are interested in pursuing freelance work, there are a few key steps you can take to get started. First, it is important to identify your skills and areas of expertise, as this will help you determine the types of projects and clients you should focus on. Next, you should create a portfolio of your work to showcase your skills and experience to potential clients. This can include examples of your previous work, testimonials from clients, and any relevant certifications or qualifications you have.

Once you have established your skills and created a portfolio, you can begin marketing yourself to potential clients. This can include networking with other professionals in your field, building an online presence through a website or social media, and reaching out to potential clients directly to offer your services. You should also be prepared to negotiate rates and terms with clients, and to manage your time and workload effectively to ensure that you can deliver high-quality work on deadline.

Overall, pursuing freelance work can be a rewarding and flexible way to build your career, but it requires effort and dedication to succeed.
7 popular Icon libraries you can use in your websites
Published: 2022-12-13 08:01:55

1. Font Awesome is a popular icon library that offers a wide range of scalable vector icons that can be easily customized using CSS.

2. Material Design Icons is a popular icon library that offers a large collection of icons designed using the Material Design guidelines.

3. Bootstrap Icons is a popular icon library that offers a wide range of icons designed to be used with the Bootstrap framework.

4. Feather Icons is a simple and elegant icon library that offers a collection of open source, easy-to-use icons.

5. Ionicons is a popular icon library that offers a collection of icons designed for use with the Ionic framework.

6. Glyphicons is a popular icon library that offers a collection of scalable vector icons that can be easily customized using CSS.

7. The Noun Project is a popular icon library that offers a large collection of icons contributed by a global community of designers.
Enjoy Programming-Themed Humor? Here's today's daily developer joke!
Tags: jokes, dailydeveloperjokes
Published: 2022-12-13 08:00:03

---
title: "Enjoy Programming-Themed Humor? Here's today's daily developer joke!"
description: "Check out today's daily developer joke! (a project by Fred Adams at xtrp.io)"
series: "Daily Developer Jokes"
published: true
tags: #jokes, #dailydeveloperjokes
---

Hi there! Here's today's Daily Developer Joke. We hope you enjoy it; it's a good one.

![Joke Image](https://private.xtrp.io/projects/DailyDeveloperJokes/public_image_server/images/5e1259427b3da.png)

---

For more jokes, and to submit your own joke to get featured, check out the [Daily Developer Jokes Website](https://dailydeveloperjokes.github.io/). We're also open sourced, so feel free to view [our GitHub Profile](https://github.com/dailydeveloperjokes).

### Leave this post a ❤️ if you liked today's joke, and stay tuned for tomorrow's joke too!

_This joke comes from [Dad-Jokes GitHub Repo by Wes Bos](https://github.com/wesbos/dad-jokes) (thank you!), whose owner has given me permission to use this joke with credit._

<!--
Joke text:
___Q:___ Why do all HTML emails get blocked?

___A:___ Because they are all `<span />`.
 -->
Dynamically Add/Remove items from list using Javascript
Tags: randomcolor, removechild, javascript, bootstrap5
Published: 2022-12-13 07:58:53

## Random Color Generator
Create a color generator webpage. The page should generate a certain number of random color.


```HTML
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=S, initial-scale=1.0">
    <title>Random Color Generator</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css">
</head>

<body onload="init()">



    <div class="container" style="width:90vw ; height: 100vh;">
        <div class="colors row "></div>
        <input type="number" name="addColor" placeholder="Enter Number of color you want!">
        <input type="submit" value="+ Add Colors" class="bg-success text-white">
    </div>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
<script src="index.js"></script>
</body>

</html>
```

```JavaScript

const container = document.querySelector('.colors'); //select the colors div
const input = document.querySelector('input[type=number]'); //select the input element's value
const addColor = document.querySelector('input[type=submit]'); //select the submit element


function randomColor() { //generate the random color
    let letters = '0123456789ABCDEF';
    let color = '#';
    for (let i = 0; i < 6; i++) {
        color += letters[Math.floor(Math.random() * 16)];
    }
    return color;
}

addColor.addEventListener('click', (e) => {
    e.preventDefault();

    for (let i = 0; i < input.value; i++) {
        let color = randomColor();

        container.insertAdjacentHTML('afterbegin',
            `<div class="colorBox d-flex justify-content-center align-items-center m-3 position-relative" style="width:10rem ; height: 7rem; background-color:${color}"> ${color}--${i}<button type="button" class="btn-close position-absolute end-0 top-0 p-2" aria-label="Close" id='remove_${i}'></button></div>`
        )


        document.querySelector('#remove_' + i).addEventListener('click', (e) => {
            let removeElement = e.target.parentNode;      // let removeElement = document.querySelector('#remove_' + i).parentNode;
            container.removeChild(removeElement);
        })
    }

});

```
Why I'm at Flatiron
Published: 2022-11-14 14:42:08

I only have one prior blog post and looking back to it, it's crazy how much I've learned in the past month. Thinking about it, it's also crazy how much has really happened in my personal life. Prior to Flatiron I was in [The City College of New York](https://www.ccny.cuny.edu/) as an intended computer science major just trying to work through it. One thing you would know if you click the link is that my school is a STEM school. All this really means is that it's heavy on the sciences and math. As an extent of this, they push REALLY heavily on math, something that I'm TERRIBLE at. As a result of this I failed math two semesters in a row. I didn't want to risk failing out of the school so I decided to take the next semester off and luckily as I decided this I overheard my stepdads nephew say something I had heard before. He said that he got his job in tech through a bootcamp. Up until this point I've only heard of bootcamps from Youtube ads and always thought they were scams or just not worth it and that I needed my degree to really get anywhere in life. Once I heard about this the only thing that was scaring me of at that point was the cost so I tried teaching myself how to code (clearly it didn't go well) but after a couple months I bit the bullet and signed up for APP ACADEMY. What a twist I know. Come to find out, after preparing for all that time I didn't pass the test required to get in. I was sad but little did I know it was probably a blessing in disguise. My second choice was Flatiron and after actually getting into Flatiron I was extremely nervous because I just didn't know how it was going to go. Fast forwarding a little bit I knew I was in the right arms. I lucked out and got the best set of instructors and coach anyone could've asked for. No but seriously they are the greatest couple of people anyone could've asked for and after the first week I knew that it was going to be a good couple of months. I have no regrets and I'm more than happy to be where I am. Sadly meanwhile my personal life has been rocky and there's been some things but through it all I just think of graphs like this 
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mkt2pa6lcec0t83ptbou.png)
and how nothing is that linear. All in all, I'm happy and grateful that I'm having such an incredible experience at Flatiron. In spite of that, obviously, your mileage may vary.
Perl switches to Github Action version 3.
Tags: perl, github, githubaction
Published: 2022-12-13 07:36:56

Perl switches to Github Action version 3.

https://github.com/Perl/perl5/commit/09759805931f0241818f46b0c502e05c78cd086d

```
        env:
          GITHUB_CONTEXT: ${{ toJson(github) }}
        run: echo "$GITHUB_CONTEXT"
      - uses: actions/checkout@v3
        with:
          fetch-depth: 1000
      - name: git setup
```
Capture request with tcpdump and curl
Published: 2022-12-13 07:28:31

There are times in a front-end analysis to debug a request that we cannot visualize it because of the speed. Understanding this, I will share a way around this problem, which would be to capture and save this request.

Basically what I'm going to present here is a way to monitor the network and save the data in a temporary file.

### Dependencies

 - curl
 - tcpdump

``sudo apt install curl``
``sudo apt install tcpdump``

Once everything is configured, let's follow...

<br />


```python
# We must first check which is our network card
machine@machine~ ip addr
```

```python
# Let's check now, in my case mine and `lo`
machine@machine~ ip addr show lo
```

Now let's start monitoring and save it in a temporary file in the ***/tmp*** folder, we must also specify the network card.

```python
# Template
machine@machine~ sudo tcpdump -i <network_card> -s 0 -w /tmp/<file_name.pcap>

# Starting Capture and Saving
machine@machine~ sudo tcpdump -i lo -s 0 -w /tmp/capture2.pcap

```

That done, just start the request, either by a curl or a simple request in the browser.

Then just close tcpdump and it will save the capture.

Now let's open the ***.pcap***

```python
# Open the package
machine@machine~ curl -v -o /tmp/<file_name.pcap> <URL>

```

 - URL: Here we must put the address.


<br />

[![Texto alternativo da imagem](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ds4alkts3uxq0dsco0nv.png))](https://www.linkedin.com/in/israel-lopes-419a32189)
Make your Desktop look cool using Rainmeter!
Tags: rainmeter, windows
Published: 2022-12-13 07:28:03


First, we need to [Download the Wallpaper](https://en.freejpg.com.ar/free/info/100027473/plants-trees-pine-fog-mountain-forest-nature)

Then install Rainmeter. 
[Download Rainmeter](https://www.rainmeter.net/) or install it via winget

```powershell
winget install rainmeter
```
Then install the Mond skin
[Download Mond](https://github.com/rmskins/mond/raw/main/mond__by_apexxx_sensei_dcly2hj.rmskin)

Then a setting will appear on desktop. Configure it to your needs.

![Mond Settings](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0enyt9owf3tosayemae4.png)


Unfortunately, I can't get the Mond weather to get working. So, I just unloaded the weather.

Move the widgets wherever you want. Then open rainmeter>mond>clock>clock.ini then set the position to on desktop and untick draggable.
Follow the same instructions as before for every widget you added.

For the performance stats we need another skin called Win10Widgets
[Download Win10Widgets](https://github.com/tjmarkham/win10widgets/releases/download/1.0.0/Win10.Widgets_1.0.0.rmskin)
Install as before but this time untick apply included layout.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x969qkdu4edlum3x2rqa.png)
Then Rainmeter>Win10 Widgets>Performance - Combo> Combo-Wide.ini> Load then move it wherever you want. then set the position to on desktop and untick draggable.

Now we have Performance Stats.

![performance stats](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vbkzhv3hyslknlin6g8i.png)

For the top bar we need another skin called Droptop
[Download Droptop](https://github.com/Droptop-Four/Basic-Version/raw/main/Droptop%20Basic%20Version.rmskin)
Install as before but this time untick apply included layout.
There you have a topbar. droptop has a lot of customization features. I am not covering it in this post. 

Bonus: If you want a transparent taskbar then you can install this app [Translucent​TB](https://apps.microsoft.com/store/detail/9PF4KZ2VN4W9)

Bonus 2: If you want a snow effect on desktop then you can install [IcyStrom](https://github.com/TheIcyStar/IcyStorm/releases/latest)
The one package manager I cannot live without anymore
Tags: teaxyz, opensource, productivity, programming
Published: 2022-12-13 07:25:37

So [tea.xyz](https://tea.xyz) is out for just over a month now, and besides the massive growth in GitHub forks and stars, **it has personally become my favorite dev tools**. 

When I talk about tea, some of my fellow developers, appear sceptical because they read _web3_ and _blockchain_ on their website. 
However, **tea** is a developer tools that for all we care about is a package manager. 
Well, it's not just any package manager. It's the successor to Homebrew from the same creator, Max Howell.

I am so annoyed that package managers install software directly into machine's `/usr/local` directory and mess up my system installs. That's why I need to resort to `nvm` or `rbenv` or `pyenv` just to manage multiple versions of `node`, `ruby` and `python`, respectively. 

Enter tea. 
tea installs everything to a single **"relocatable"** folder on your machine. When you run tea it will inject the required software package+version into your environment for only this instance and nothing more.

## Demo
Let's say I want to download a YouTube video with `youtube-dl`.

### Install tea with one-liner
```sh
sh <(curl https://tea.xyz) # installs to "~/.tea"

# OR, install to different directory
TEA_PREFIX=(~/scratch/tea) sh <(curl https://tea.xyz)
```


### Download YouTube video with `youtube-dl`
```sh
tea -X youtube-dl "https://www.youtube.com/watch?v=sAMrveIC0Hc"

# OR, written more explicitly
tea +youtube-dl.org youtube-dl "https://www.youtube.com/watch?v=sAMrveIC0Hc"
```

If not otherwise installed, `youtube-dl` will not be available without the prefacing `tea` command. This is magical. 

### What happened?
Well, if you take a look at the directory that `tea` got installed to. `tea` pulled in all required packages to run `youtube-dl`.

```sh
$ ls ~/.tea
bytereef.org
charm.sh
gnu.org
invisible-island.net		
libexpat.github.io
openssl.org
python.org
sourceware.org			
sqlite.org
tea.xyz	
tukaani.org		
youtube-dl.org
zlib.net
```
These package will remain in `~/.tea`; however, they will never interfere with any of your system software. They are practically isolated in this directory on your machine. You can either remove individual packages or the folder entirely for a thorough uninstall of tea.

## Next steps

There are some other cool features to **tea**. But the coolest is never having to worry about a package being installed, because it will just install by invoking `tea`.

Check out the rest of the project on [GitHub](https://github.com/teaxyz/cli)
Need More Inspiration With JN0-663 EXAM DUMPS? Read this!
Published: 2022-12-13 07:09:20

Get The great Instruction By the use of JN0-663 EXAM DUMPS PDF [2023]
 No doubt withinside the Juniper **JN0-663 EXAM DUMPS** pdf object so put together and get the nicely-based instruction by means of utilizing. Our Juniper JN0-663 EXAM DUMPS pdf questions are created inner a way so that you ought to without difficulty end your examination specs too. Get the real Juniper **JN0-663 DUMPS** examination dumps and get well geared up. 

Special Discount Offer: https://dumpsarena.com/juniper-dumps/jn0-663/
How to fix Nginx symlink caching issue
Tags: howto, nginx, linux, webdev
Published: 2022-12-13 07:17:59

Let's assume that you have a `Laravel` application running through `nginx` and pointing to the `current` folder which is `symlink` of the latest release folder you have.

```bash
root /home/foo/domain.com.au/current/public;
```

If you update your `symlink` for the `current` to a new release, your application will still be point to the older release.

To resolve this, add the following lines to your `nginx` file after `include fastcgi_params;`

```bash
fastcgi_param SCRIPT_FILENAME $realpath_root$fastcgi_script_name;
fastcgi_param DOCUMENT_ROOT $realpath_root;
```
and it should look this:


![nginx symlink issue fix](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qfw09pbwgu4tmt93s93e.png)

Now, if you change/update the `symlink` it should be working properly, and point to the correct release folder.
Top Hive Interview Questions and Answers.
Tags: hive, hiveinterview, interviewquestions, onlineinterviewquestions
Published: 2022-12-13 07:15:33

The most popular [Hive Interview Questions](https://www.onlineinterviewquestions.com/hive-interview-questions/) to get prepared.
These Hive Interview Questions are designed to test your skills. You need to practice these questions over and over again in preparation for the interview, which will help you better define your strengths and weaknesses, as well as further refine your approaches.

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

1) What do you understand by Hive?
2) How can a developer utilize Hive?
3) Specify the different methods of Hive?
4) What are the key segments of Hive Architecture?
5) Specify the different types of tables accessible in Hive?
6) What does meta-store means in Hive?
7) What is Hive made out of?
8) What is the utilization of Catalog?
9) Say what the Object Inspector functionality is in Hive?
10) What is (HS2) Hive Server2?
11) List down the segments of a Hive question processor?
12) Specify the partitions in Hive?
13) Clarify how Hive De-serialize and serialize the information?
14) Say what the views are in Hive?
15) What is the major difference between local and remote meta-store?
16) Say when to pick “Inward Table” and “Outside Table” in Hive?
17) What is the main difference between HBase and Hive?
18) Clarify about the SMB Join in Hive?
19) What are the various uses of exploding Hive?
20) What do the Hive variable mean? How can we utilize it?
Finally read answers for these [Hive Interview Questions](https://www.onlineinterviewquestions.com/hive-interview-questions/).
HackNITR 4.0
Tags: beginners, programming, hackathon, webdev
Published: 2022-12-13 07:13:42

[Register here](https://hacknitr4.devfolio.co/)

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

As the legacy continues, we bring our flagship event back. HackNITR 4.0 is a collaboration between DSC NIT Rourkela and OpenCode, is all set to get the ball rolling with a larger definition than the previous editions. With more than 2200 registrations, 50+ sponsors and INR 5,00,000+ worth prizes, HackNITR 3.0 is in itself a testimony to the grandeur we await this time.
Buckle up! HackNITR 4.0 is going to be a bumpy ride full of perks, goodies, experience and fun.
With the love and feedback that we received from the last edition, here are a few added perks why you should definitely join us in this hacking extravaganza

**About HackNITR 4.0**

HackNITR 4.0 is a hackathon to encourage you to use your imagination and invention to develop cutting-edge technology-based solutions to challenges in the real world. It was put together by a large group of tech enthusiasts from Google Developer Student Club (GDSC) NIT Rourkela and OpenCode. The main goal is to grow our local community and give hackers an unforgettable experience. The plethora of fun and excitement is waiting for you from 6th Jan 2023.

**HackNITR accomplishments so far!**

HackNITR is glad to announce its 1500+ registration. But this is just the beginning. We provide you with this wonderful opportunity to network with others who share your interests, collaborate with them, and share expertise to quickly create exceptional projects and find answers to urgent real-world problems.


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

Register now to experience one of the largest student-run hackathon of India.

**How can I participate?**

As the countdown starts for D-day Our HackNITR team is all set to begin with the registrations. Still here? Head over to the website link given below and register right away for the largest student-run hackathon in East India, HackNITR 4.0 and complete the first step to discovering all that we have in store for you.

PS - There is absolutely no prerequisite. If you look forward to your first hackathon or craving an offline tint to your hacking journey, we have it all covered.

[Registration Link](https://hacknitr4.devfolio.co/)


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

**Follow our Social Handles to stay tuned**
HackNITR Website: https://www.hacknitr.com/
HackNITR Instagram: https://www.instagram.com/hacknitr/
HackNITR LinkedIn: https://www.linkedin.com/company/hacknitr/
HackNITR Twitter: https://twitter.com/hacknitr

Let's make this event grand and succesfull
Thank you❤️