teleren/devto huggingface dataset:
Shrekbot Discord.js v13 Update
Tags: discordbot
Published: 2021-08-17 06:28:08

## __**Introduction**__
Recently the popular Discord API wrapper discord.js got updated to their latest version discord.js v13. With it came HUGE changes, I had to update Shrekbot FAST! So here is the blog post of all the updates that have come with the new discord.js v13 update. 

## **Updates**
##### Readme:
The readme file in the [repository](https://github.com/BiizoNinja/shrek-bot) got a little update. 
##### Suggestion-Setting:
The command is not `suggestion-setting` instead of the previous which was `suggestion` having a setting subcommand.
##### Steal Emojis
The `steal` command got reworked and steals emojis much better now. 
##### Server Info
The `server-info` command is been updated and cleaned up. 
##### Ping
The ping command replies the user now.
##### Customrole
The subcommand `help` (`customrole help`) uses buttons to paginate instead of reactions. 
##### Createchannel, Createvc, Createcategory
These commands have been updated and work better now. 
##### Boost 
The subcommand `help` (`boost help`) uses buttons to paginate instead of reactions. 
##### Help
The help command has been completely revamped making use the on new select menus. 

## __**Conclusion**__
These updates took a long time so it would be appreciated if you 
[Vote The bot](https://top.gg/bot/855803758645870613) and join the [support server](https://discord.com/invite/V9DHGNtuUe). Thanks!
Mobile Responsive React Page in 30 sec's using SCSS
Tags: react, css, webdev, design
Published: 2021-08-17 06:18:49

Mobile responsiveness is one of that annoying jobs which developers needs to do but still procrastinates. Also this is same reason why UI/UX libraries gets boost amongst beginners. Now although it a good thing, but at the same time it not worth it since we gain nothing!

Hence the trick which I'm gonna share can be used in react projects via declaring a global variable of styles using SCSS and then applying them over all Styles

###Step 1- Global SCSS:
![Global variable initilizaition](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a1xega7bve8ja2waf44w.png)

####Code:
```
$width:768px;

@mixin mobile {
    @media(max-width: #{$width}){
        @content
    }
}
```
As we can see that the **global.scss** is initialized with width as a variable. This width denotes the size after which our Mobile elements shall come into use(or start working). 

###Step 2 - Implement and use:
![implementing Global variable](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wg7o3orl1g7awl24k8df.png)

####Code:
```
@import "../../global.scss";

.intro{
    background-color: blue;
    display: flex;

    @include mobile{
        flex-direction: column;
        align-items: center;
        overflow: hidden;
    }
}
```
Now here once we implement the global variable in local styles, we can directly use `@include mobile` from the Global variable and write our adjustments for the section.

And with this we have implemented a better Mobile Responsive Code within No time spend.

Thank You for reading. Peace!
HTML tags | blockquote
Tags: html, tags, blockquote
Published: 2021-08-17 06:10:39

It is used to **indicate an extended quotation**. It has an optional `cite` attribute to assign a URL with the source of the quotation or in which information about it is expanded.

Normally the browser will render it indented, and those spaces can be adjusted or removed with CSS.

**It can contain a multitude of elements** to properly mark the quotation, such as headings, paragraphs, lists...

- Type: *block*
- Self-closing: *No*
- Semantic value: *No*

[Definition and example](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blockquote) | [Support](https://caniuse.com/mdn-html_elements_blockquote)
Publish from Visual Studio and automatically encrypt appSettings using aspnet_regiis
Tags: dotnet, iis
Published: 2021-08-17 06:04:18

After going through your all edits and a bit of research from me , you want to execute the following command after the publish from the Visual Studio

> C:\Windows\Microsoft.NET\Framework\v4.0.30319\aspnet_regiis -pe "appSettings" -site Default -app "/" 

If I understood right , You can try wrapping the _ItemGroup_ in a Target with _AfterTargets_ set to **AddIisSettingAndFileContentsToSourceManifest**

```
<Target Name="executeinHosts" AfterTargets="AddIisSettingAndFileContentsToSourceManifest">
    <ItemGroup>
      <MsDeploySourceManifest Include="runCommand">
       //here would be your path that need to run after the publish
      </MsDeploySourceManifest>
    </ItemGroup>
  </Target>
```
So in Your case this is how that part should look:

```
<Target Name="executeinHosts" AfterTargets="AddIisSettingAndFileContentsToSourceManifest">
    <ItemGroup>
      <MsDeploySourceManifest Include="runCommand">
         <path>C:\Windows\Microsoft.NET\Framework\v4.0.30319\aspnet_regiis -pe "appSettings" -site $(DeployIisAppPath) -app "/"</path>
      </MsDeploySourceManifest>
    </ItemGroup>
  </Target>
```
***Additional Info:***
* **AddIisSettingAndFileContentsToSourceManifest** target works just right before Web Deploy copying files from local to server.
* **aspnet_regiis** can be run in <target> node by _<Exec>_.

**Example:**

```
<Exec Command="C:\Windows\Microsoft.NET\Framework\v4.0.30319\aspnet_regiis.exe -pef connectionStrings $(ProjectDir)obj\Debug\Package\PackageTmp" WorkingDirectory="$(publishUrl)" />
```
I Am a Front End Developer 
Tags: javascript, codenewbie, frontend
Published: 2021-08-17 05:45:41

Hello 👋, I am Jesse Beke a front end developer from Port Harcourt Nigeria and this is my Zuri team stage one challenge. okay first my goals for the [Zuri internship](https://internship.zuri.team/).

**Goals🚀**
At the end of this intensive 8 weeks of training I want to see my skills sharpened and ready to me to the job worthiness in my career. To also prepare me for the intense struggle and life of a developer, I want to learn how to work under pressure and make sure my sanity is in check 🙂.
*In summary*
1. I want to sharpen my skills and learn new things.
2. I don't work under pressure and it's time to learn how to.
3. To meet new people and practice new techniques.

**Links🌎**
1. Do you want to learn GIT or have you forgotten some of it try this [GIT tutorial](https://www.datacamp.com/community/tutorials/git-push-pull)
2. Okay how about learning how to design with figma everyone wants to learn check this out [Figma tutorial](https://www.youtube.com/watch?v=3q3FV65ZrUs)
3. And if you want to learn javaScript also do check this out [Javascript tutorial](https://scrimba.com/learn/learnjavascript)

**Conclusion**
This is the end of my blog although I am not too good at writing I think this will work 😎 _Thank you very much for reading_.
Best Ways to Run Spring Boot app Via Console or Terminal 
Tags: springboot, spring, java
Published: 2021-08-17 05:43:31

---
title: Best Ways to Run Spring Boot app Via Console or Terminal 
published: true
description: 
tags: springboot , spring,java
cover_image: https://frugalisminds.com/wp-content/uploads/2020/10/run-spring-boot-command-line.png
---

#### 1. Using Basic Jar Command
```java 
java -jar webapp-1.0.0.SNAPSHOT.jar 
```
### 2.Using Spring Active [Profiles in Spring Boot](https://frugalisminds.com/spring-boot-profiling/)
```java
java -jar -Dspring.profiles.active=dev webapp-1.0.0.SNAPSHOT.jar 
```
A Second Variation of this
```java
java -jar -Dspring.profiles.active=dev -Dserver.port=9090 webapp-1.0.0.SNAPSHOT.jar  
```
If you are running on any centos or [ linux box ](https://thelinuxterminal.com) in production have a look at running using nohup command .


### 3. Run When You do not get the Reason why something bad Happened eg - like Spring Bean Creation Errors
```java
mvn spring-boot:run
```
### 4. Running Using Jar Launcher and Extracting Jar . 
My personal favorite way of deploying spring boot applications . 

Step 1 :- 
```java
Jar -xvf webapp-1.0.0.SNAPSHOT.jar
```
Step 2 :-
```java
java -Dspring.profiles.active=dev -Xdebug -Xnoagent -Djava.compiler=NONE org.springframework.boot.loader.JarLauncher 
```
#### Note:- You can provide a hot fix in prod too using this . Give me a Like if you didn't Know this Hot Fix tricks.

Have a[ look in depth here](https://frugalisminds.com/best-ways-run-spring-boot-app-via-command-line/) .
LGMSOC'21 Mentoring Experience
Published: 2021-08-17 05:40:25

LGMSOC(Lets Grow More Summer of Code) is a open source program for beginners held from 10 June to 10 August.

I came to know about this program from a post of DevPost.When I read about this program, I felt that it is the best program for beginners in Open Source.I joined this program as a participant on 8 of July. I contributed in some projects also like Mirage UI, WebDev Mini Projects etc. But after one week I became mentor of two projects. There were two new projects Dsa Playyard and Web dev Playyard which LGM has launched and they wanted mentors for these two projects, they asked for it in the discord channel and I applied for it and got selected.

Overall it was a nice experience of being a mentor of two great projects.
I reviewed many PRs and learned a lot from this program.
MY KODECAMP JOURNEY TO PROFESSIONALISM
Published: 2021-08-17 05:37:32

The Kodecamp internship is an 16 week internship which takes place to provide a platform that hones the skills of determined interns that are eager to learn.
My goal is to learn all i can learn within the timeframe under kodecamp mentorship. I just started learning about front-end which includes HTML, CSS, Javascript, and others.
I want to be active in learning all i can which includes ui/ux design.
Follow me on my journey to improve my skills.
#KODECAMP
DOM Manipulation Milestone
Tags: javascript, beginners
Published: 2021-08-17 05:34:37

Hi everyone!

It's been a while since I've posted anything here and there were good reasons for it. No, it's not about COVID-19 though I in fact had it (very mild one). More about several obstacles and stops on my webdev journey.

Anyway, after dropping coursed, many frustrations and much more successes I have finally arrived to something I consider to be a real milestone of my journey - DOM Manipulation. Yeah, I know, sounds kinda naive, but I will explain.

For quite some time now I've been learning HTML, CSS & JS, getting some results, sometimes failing and succeeding again. But despite all the successes on my way I couldn't really say that can accomplish something real or solve some practical problem with my coding skills.

Building a homepage or coding a Fahrenheit to Celsius converter that works in console is well and good, but not that practical and/or satisfying. It all changes with DOM manipulation. Everything clicks and you suddenly see how it all works together. More than that you now see a lot of practical problems around you that you can tackle. You might not be able to solve them all yet, but you have quite a good understanding of how and where to start.

That feels very refreshing and gives so much more confidence.

"So, Pavel", you might ask, "which problems have you solved already". Well, frankly speaking, not a single one for now. The only page I have finished is this [Rock-Paper-Scissors Game](https://snarls-at-fleas.github.io/rock-paper-scissors/) done as a part of the [Odin Project] (https://www.theodinproject.com/) front-end course, but I'm working on some aids for my TTRPGs and see a lot of things I can (probably) do to improve my day to day life, work & learning.

The end of starry-eyed noob post)))
My koda camp journey to developing my skills in design
Published: 2021-08-17 05:27:43

The Kodacamp internship is an 16 week internship which takes place to provide a platform that hones the skills of determined interns that are eager to learn.
My goal is to learn all i can learn within the timeframe under kodacamp mentorship. I just started learning about front-end which includes HTML, CSS, Javascript, and other.
I want to be active in learning all i can which includes ui/ux design.
Follow me on my journey to improve my skills.
Goals and Dreams for HNG 8.0 2021
Published: 2021-08-17 05:20:47

A really interesting topic I must say: My goals and what I hope to achieve by the end of HNG 8.0. Before I go into everything, you can register for the internship right here

https://internship.zuri.team

My github: https://github.com/davidfayanju1

My Figma Email: davidfayanju01@gmail.com

Now this is a tech internship that’s going to last for 8 weeks, of interesting tasks amongst other activities. My main goal for this internship is to finally be confident in my codes yes, my codes, from understanding :
 
Time management which is a core factor in quick projects completion and well written optimized codes. I plan on meeting deadlines of tasks and thus being faster with my work time 

Team spirit: I’m used to working with a team but a tech team is pretty much different and through this internship I plan on getting it well or close 

Creative open mind: understanding the creative part of using my codes to produce science accented poetry which only comes from grounded knowledge in the stack.

I believe I can achieve these at the end of the 8 weeks program coupled with getting a good job and enjoying the greener pastures of the tech world 

Below are links to some beneficial courses 


Figma: 36:35Figma Tutorial - A Free UI Design/Prototyping Tool. It's ...YouTube · DesignCourse30 Apr 2018

Git : Git & GitHub Tutorial for BeginnersYouTube · The Net Ninja

HTML: 2:02:32HTML Full Course - Build a Website TutorialYouTube · freeCodeCamp.org18 Sep 2018

JavaScript: 3:26:43Learn JavaScript - Full Course for BeginnersYouTube · freeCodeCamp.org10 Dec 2018
Vim Tips
Published: 2021-08-17 04:21:00

If you know nothing about vim, you can also read this and feel the power.

Remember, there is a tutor at your service anytime in your terminal. Just summon the tutor with `vimtutor` . What? You haven't install vim? Never mind.

The first thing you need to know about vim is **HOW TO QUIT**

## quit

`:q!`
quit a vim editor **without saving**

If you are using VSCode extension Vim, you don't need to "quit" ;)

---

`aCharacter` should be replaced with character you want
`aString` should be replaced with string you want

### motion

`j` / `k` / `h` / `l`
down, up, left, right
I think `j` is down because usually we read a file from top to bottom
so we can press `j` with index finger

`gg` / `G`
move to start / end of this file

`0` / `$`
move to start / end of this line

`^`
move to first character of this line

`ctrl + o` / `ctrl + i`
move cursor to previous / next position

`#` / `*`
move cursor to previous / next occurrence of current word under cursor

`ctrl + w`
switch between panels

`ctrl + b` / `ctrl + f`
move backward / forward a page
In VSCode: If you check fold fix, this might not work

`ctrl + u` / `ctrl + d`
move up / down half page
In VSCode: If you check fold fix, this might not work

### editing

`ciw`
change in word

`diw`
delete in word

`d`/ `c` / `y` + `i` + `({["'`
delete / change / yank in `()` `{}` `[]` `""` `''` and etc
you will love this

`dt aCharacter`
delete to aCharacter

`>>` / `<<`
increase / decrease indentation

`A`
append to the end of this line

`I`
insert at the start of this line

`J`
join current line with next line

`r + enter`
replace character under cursor with enter

`D`
delete to the end of this line

`dd`
delete this line

`~`
toggle letter case

`.`
repeat last text change

`u` / `ctrl + r`
undo / redo
In VSCode: this might be unreliable, enter insert mode and use `ctrl + z` for the rescue

### function

`za`
toggle folding
In VSCode: If you ran into trouble with motion, `ctrl + ,` open settings, search `vim fold` , check fold fix.

`:%s/foo/bar/g`
`%` in all lines `s` substitute foo with bar `g` every occurrence in corresponding line

`/ aString`
search aString
press `enter` move cursor to the occurrence of aString
press `n` move cursor to next occurrence of aString
press `N` move cursor to previous occurrence of aString

`ctrl + ,` open settings, search `vim clip` , check use system clipboard to use system clipboard

`ctrl + ,` open settings, search `vim easy` , check enable easymotion plugin, now you can use `\\` with `hjkl`
😃 Add Emoji Picker To An Input Field In React App [Easy way].
Tags: react, webdev, codenewbie, productivity
Published: 2021-08-17 05:05:05

### 😯 Simple And Easiest way to add an emoji picker to your React app.

**Emojis** are now such an essential part of how we communicate that we simply can’t afford to leave them out of our applications. They add an extra dimension to how we express ourselves in our day-to-day interactions that can be otherwise difficult to do with text only🤪.

### ▶️ How to add an emoji picker to your React App.
**I’m using [react-input-emoji](https://cesarwbr.github.io/react-input-emoji/) the best solution from my opinion.**
+ **React InputEmoji** provides a simple way to have an input element with emoji picker support. Click the picker button next to the input field and select an emoji from the popup window. Done!
![emoji](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ufnx6g2rejw8nbcpa3da.jpg)

**💠 Let's Checkout....**
###Step 1 :- Install
You can get it on npm.
**``npm install react-input-emoji --save``**

###Step 2 :- Usage
After install import the react-input-emoji component to display your input with emoji.
```jsx
import React, { useState } from 'react'
    import InputEmoji from 'react-input-emoji'
  
    export default function Example () {
      const [ text, setText ] = useState('')
  
      function handleOnEnter (text) {
        console.log('enter', text)
      }
  
      return (
        <InputEmoji
          value={text}
          onChange={setText}
          cleanOnEnter
          onEnter={handleOnEnter}
          placeholder="Type a message"
        />
      )
    }
```
###Output ⏬.
![demo](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/n3vrqg2yqi1sg0q7oa42.jpg)
###[Click Here For More Details.](https://cesarwbr.github.io/react-input-emoji/)

🙏Please share your valuable feedback in comment section what think about this.
**Don't forget to like and subscribe Keep Following 😉.**



###Keep Claim And Just Code It 😎.




###[Support With Coffee ❤️](https://www.buymeacoffee.com/chetan.ca)
Zomato Restaurant Web Scraping Listings Using Python And Beautiful Soup
Published: 2021-08-17 04:45:14

One of the biggest applications of Web Scraping is in scraping restaurant listings from various sites. This could be to monitor prices, create an aggregator, or provide better UX on top of existing hotel booking websites.

Here is a simple script that does that. We will use BeautifulSoup to help us extract information and we will retrieve hotel information on Zomato.

https://youtu.be/fUHG1fKUnrI
Web Scraping Google Scholar Results Using Python and Beautiful Soup
Published: 2021-08-17 04:45:02

Google Scholar is a tremendous resource for academic resources from across the worldwide web. Today let's see how we can scrape Google Scholar results for the search “Web scraping.”

We will use BeautifulSoup to help us extract information, and we will use the Python Requests module to fetch the data.

https://youtu.be/XiJWHdnVibY
Create Game Snake With Python And Javascript
Published: 2021-08-17 04:29:48

In this article I will be walking you through creating your own snake game(precisely the famous Nokia 3310 snake game) using javascript. Html and css are also used but my main emphasis will be on the javascript side of things. Okay much talking let's jump into the important stuffs.

<a href="https://www.sitedayexe.com">Learn more</a>
DailyUI #005 - App Icon (CodePen)
Tags: codepen, css, design, 100daysofcode
Published: 2021-08-17 04:22:24

DailyUI Challenge #005 - made an icon for a Captain America app.

[Color Scheme](https://coolors.co/85171a-ffffff-032862):
- #85171A - shade of red
- #FFFFFF - white
- #032862 - shade of blue
- #D88C9A - background

{% codepen https://codepen.io/anniedotexe/pen/KKmLWXK %}
Live Coding
Published: 2021-08-17 04:22:15

I performed my second student presentation today.

Wow! What an experience. I felt the same as I did after the first one last Thursday - like I could run a three-minute mile or bench-press a thousand pounds.

The first time around, I presented on git. Specifically, how to use git as an engineer and transition it from being something that you occasionally -- and clumsily use -- into a tool that's seamlessly incorporated into your workflow and that enhances your productivity.

I intended that first session to involve some live-coding, but it wasn't to be. In the lead-up to my speaking slot, I couldn't code effectively. My nerves had gotten to me, and I had less than zero confidence in my ability to code for an audience. So I improvised and instead delivered a talk covering my main points - committing and pushing frequently.

I was disappointed to fall short of my expectations  that day, but I took it as a lesson. First, that when people make it look easy - they're way better than they look. Second, to get that good will take practice. But I'll note that I was proud of my ability that day to improvise and to deliver a presentation that I think was worth listening to.

Today I was scheduled to speak to the same 60+ group of peers on maintaining an engineering journal. But a couple of hours before my time, I got a tingling to try to live-code. So I started rehearsing the presentation that I bailed out of last week, and it flowed infinitely better than it had at the same point a week before. Was I going to do this?

With an hour of rehearsal under my belt, and an hour to spare - enough time to put together my thoughts on the would-be journaling presentation - I committed. I was going to live-code.

It was a big deal. To step up and put myself out there in a way that I wasn't able to a few days prior. To accept that things might not go smoothly and that I might make some embarrassing errors in front of my peers. That was dreadful thought. At the same time, accepting that it's ok to not be perfect and that if I wanted to improve, that this was the inevitable next-step -- that was enough for me to commit. If not me -  who? If not not - when?

Live coding is hard. It's intimidating. There's a reason I haven't seen someone code live since the first week of the program. And that that person was one of the founders of Hack Reactor.

But today was my day. And it went well! Sure, there were some errors - but guess what? I was demoing git - a tool for working with errors. And I think I did a nice job of working through it and presenting a transparent demonstration of what it might look like for the juniors to use. To not be intimidated by it. Instead, to harness its power and be willing to make mistakes in order to learn it better and grow as an engineer.

I certainly did that tonight.
Non ami una location per matrimoni unica?
Published: 2021-08-17 04:22:11


Per la cena e le tavole da ballo erano drappeggiate in lino di velluto rosa polveroso e decorate con candelabri in ottone e un sentiero di edera con tocchi di foglie dorate e pigne, i tavoli rotondi erano decorati con fiori lussureggianti in vasi di ottone vintage, Pursale Catering ha servito il suo duraturo cucina su porcellana bianca e oro vintage e bicchieri e posate vintage.

Alex e Dan hanno evidenziato la loro eredità ebraica con momenti divertenti come la parola "Mazel" scritta sul loro bar e distribuito calzini / yarmulke incisi con "Love you Lox!

Non ami una location per matrimoni unica? L'opportunità di sposarsi in uno spazio unico nel suo genere è resa ancora più possibile dalle feste intime: assicurati di dare un'occhiata a questo elenco di luoghi unici per microwedding da considerare in seguito!

Oh, quanto amiamo questo matrimonio invernale di New York con decorazioni chic per ricevimenti abito da sposa, moda abbagliante e dettagli follemente fantastici per l'avvio, dai un'occhiata ai fiori più lussureggianti di Designs by Ahn in questa ispirazione di matrimonio mod.Ti piace quello che hai visto qui!



http://www.gillne.it/