teleren/devto huggingface dataset:
gosaveshop
Published: 2021-01-31 10:15:48

Learn Everything About Shopping Online And Staying Safe

Do you know how to save money with online shopping? Is it necessary to spend the scissors and the paper hunting for bargains? You simply need to heed the tips in this article and act on them.

Always look for coupon codes before you make a purchase online. Many online stores give out discounts for various things and these just require a simple search. This makes a fantastic method of saving money when you shop online.

Look around for the best deal when you shop <a href="https://www.gosaveshop.com/"> cheapest online shopping sites in usa </a>.Shopping online can make it very easy to find great prices on various items.

Never ever provide your SSN when you are online shopping. There is no website that needs this number for you are shopping. Get off the site quickly and seek out one that doesn't ask for these things.

Always read every detail on the product information completely before you make a purchase. Just looking at a picture of something on the Internet can be deceiving sometimes. It might make a certain product look the true size compared to reality. Be sure to read descriptions in order to understand what you might actually receive.

Many online shopping sites offer coupon codes to help you use a "coupon code" for <a href="https://www.gosaveshop.com/product/167-long-battery-life-earbuds-earphone/">wireless earbuds longest battery life </a>. They could offer free shipping or a certain percentage off.

Amazon Prime is great for you if you frequently purchase through Amazon. This allows you to save quite a significant amount of money.

Only shop online from secure Internet connection which is secure. Hackers use public connections to steal personal information.

Try to avoid expedited shipping options. You might be surprised at how quickly your items will arrive with standard shipping rates. The money you save in waiting a couple of days could buy you a whole lot more later on.

Apply the tips in this article for a better online shopping <a href="https://www.aaronsmithphd.com/"> experience  </a>. By utilizing the advice presented in this article, you can begin saving time and money today. The more effort you put in, the bigger your savings will be.
ReactJS .. the library
Tags: react, javascript, github, vscode
Published: 2021-01-31 08:33:26

React is a JavaScript library for building User Interface, developed at Facebook and released in 2013; and I think it's safe to say that React has been the most influential UI library of recent memory.

BTW, here's my recent React JS tutorial for backend developers to connect Django backend with React frontend using Axios

https://www.youtube.com/watch?v=n2T9rmFmo48

We use it to build components to represent logical reusable parts of the UI, the beauty of React is that the simplicity of building a component has been brought down to its theoretical minimum ; it's just a JavaScript function and the return value from that function is your html or UI which is written in special syntax called "JSX".
JSX allows you to combine JavaScript with html markup, if you want to pass data into a component, you simply pass it a props argument which you can then reference inside the function body or in the UI using braces, and if the value changes , React will "react" to update the UI.

If you want to to give your component its own internal state, we can use the state hook, and the hook is just a function that returns a value as well as a function to change the value 

function foo() {
    const [count, setcount ] = useState()
}   

In this example, count is our reactive state and setcount will change the state.

The main reason you might want to use React is not the library itself, but the massive ecosystem that surrounds it, React itself does not care about routing, state management , instead it lets those concerns evolve naturally within the open source community no matter what you're trying to do, it's very likely that you'll find a supporting library to help get it done
 
If you need a static site, you have : [ Gatsby, Static Site ]   
If you need a a server-side rendering, you got Next.JS
For state management, you have Redux, Flux , Mobx and Recoil 

You have an endless amounts of vehicules that can get the job done based on your needs.
Once you have React down, you can easily jump into react native and and start building mobile apps, and it's no surprise that knowing this little ui library is one of the most demand skills for front end developers today
How to change terminal colors and styling in Vs COde??
Tags: codenewbie, vscode, github, git
Published: 2021-01-31 08:10:23

I want my terminal like this but I don't know how to do it. Can anyone help me out with this??
![Vscode terminal](https://dev-to-uploads.s3.amazonaws.com/i/pazbhzl7m4x2byrustxn.png)
React Hooks
Tags: react, javascript, programming, reactnative
Published: 2021-01-31 08:08:05

Hooks are a new addition in React 16.8 which allows you to use state and other React features without writing a class.
React hooks use features of the React library by calling special hook functions from within a component; we can build static components in React just by writing functions

function component() {
  const [state] = usState('UI')
  return <UI/>
}

, however UI components are often dynamic "REACTIVE STATE"  (e.g. they may need to change the state of their data , react to life cycle event , access elements form the DOM ..etc )

Prior to React 16.8, developers were required to write classes to take advantages of certain react features; you can still use classes in React but Hooks provide more ergonomic way to build components because you can re-use state for logic without changing components hierarchy.

REACT has 10 builtin hooks, and by the end of this article, you will understand every single one of them.

So why HOOKS exist in the first place ? 
In the past, data that changes within the application was accompanied with a class based component 

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/x2vhbdd2csltb416yzdc.PNG)


That means that if you wanted to work with reactive data you needed to create a component ; but this actually created a big mess of nested components 

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/hbc5gppnn1b1ee3jihek.PNG)

And that's one reason that made me hate React, although it was and still is the number one UI JavaScript library in the Tech market; I even have changed to Vue.JS for sometime; but then HOOKS showed up to remove reactivity from components ...

When you work with HOOKS, you cna think of them as lower level primitives of the React frame work that gives you special abilities that you would have with only using Vanilla JS

Hooks are just functions that start with the name USE :
                    useSuperAbility() 
 
And the rule to work and use hooks is that you need to use them at the top level of a functional component; they don't work inside regular JavaScript [ except that if you will create your own custom hooks]
 
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/906vhx4a7dkj7qvhw873.PNG)

So, there are 3 Basic Hooks:

1- useState()
2- useEffect()
3- useContext()

And 7 Additional Hooks:

4- useReducer()
5- useCallback()
6- useMemo()
7- useRef()
8- useImperativeHandle()
9- useLayoutEffect()
10- useDebugValue()
Work and play in PHP 7.4 & PHP 8.0
Tags: php, bash, linux
Published: 2021-01-31 08:06:06

The classic Dev dilemma, you get comfortable in a language or tool and then there is an update. Do your projects stay with the version that you know? Or do you try and upgrade to a new version as soon as possible? 

I decided to try and find a way to work in 7.4 but experiment with 8.0. Eventually all of my newer projects will adopt the latest versions but I want to be flexible. 

I found working with two different versions of PHP on the same device to be very hard. I tried to find different methods but weren't entirely happy with the results. Therefore, I created a PHP toggle! A Bash script that will allow users to comfortably switch between versions with a quick command. 

Now to preface, I'm totally new to Linux and Bash and realize that there are probably better ways of doing this. But I thought I would share what I did and maybe work shop things. See if this helps other people. 

```Bash
#!/usr/bin/env bash
# shellcheck disable=SC2005
modExists="$(php -v:0:7)"
modExists=${modExists:0:7}

case $modExists in
"PHP 8.0")
a2dismod php8.0
a2enmod php7.4
update-alternatives --set php /usr/bin/php7.4;;
"PHP 7.4")
a2dismod php7.4
a2enmod php8.0
update-alternatives --set php /usr/bin/php8.0;;
esac

php -v
systemctl restart apache2
systemctl status apache2

```

 I've been using this for a while and so far it's been working like a charm. Happy Hacking everyone! I have a gist as well here:
<a href="https://gist.github.com/digitalvillainy/b957c5a856fe05b45da65348f645312f.js">toggle.sh</a>
Hacktoberfest 2020
Tags: programming, life
Published: 2021-04-30 13:44:31

---
title: Hacktoberfest 2020
published: true
date: 2021-01-31 08:00:00 UTC
tags: Programming,Life
canonical_url: https://domenicoluciani.com/2021/01/31/hacktoberfest2020.html
---

Ah shit, here we go again. Another year passed, and another Hacktoberfest is over. I’ve just received my swag, and I can’t be more excited!

Since 2014, every year I try to find the time to contribute to some open-source projects that need help, [every](https://domenicoluciani.com/2018/01/10/hacktoberfest-swag.html) [year](https://domenicoluciani.com/2019/02/10/hacktoberfest-18.html) [I get swag](https://domenicoluciani.com/2019/10/25/hack-week-2019.html) and an awesome t-shirt from [@DigitalOcean](https://github.com/DigitalOcean) in exchange of my contributions. Amazing, eh?

Read the [article](https://domenicoluciani.com/2021/01/31/hacktoberfest2020.html)!
How To Download & Install MongoDB On Windows?
Tags: mongodb, programming
Published: 2021-01-31 07:22:16

we are learning how to download and install MongoDB on windows. You can easily install MongoDB on windows on your computer which we will see in this tutorial.

MongoDB is available in two formats 32-bit and 64-bit. Install MongoDB on windows 32-bit installers are good for development and test environments. But for production environments, you should use 64-bit installers.

**Download & Install MongoDB on Windows**

Step 1) Go to the link and Download MongoDB Community Server. We will install the 64-bit version for Windows.

Step 2) Once the download is complete open the MSI file. Click Next in the start-up screen

Full Step: **[How To Download & Install MongoDB On Windows?](https://www.phpcodingstuff.com/blog/how-to-download-and-install-mongodb-on-windows.html)**
How to generate random background color in JS
Published: 2021-01-31 07:14:00

In this article, you're going to learn how to generate random colors in JS.
First of all, we need to add a button into our HTML file then add some css code after that make our hands dirty with JS.
```
<!--html part*!-->

<button>Generate Random color</button>
<h2>color code goes here</h2>

/*css part*/

button{
padding:10px;
background-color:cyan;
color:#fff;
}

```
And now it turns to JS if you are familiar JS math function then you should know how to generate random numbers in JS.

```
Math.random()
```
generates a random number between 0 and 1. here we use the string method to get a portion of generated number and text.

we can also generate random alphanumeric text using Math.random().
then we convert that into text and get 6 characters of it.
Here is the code.
```
const btn = document.querySelector('button');
const colorCode = document.querySelector('h2');
btn.addEventListener('click', function () {
    const random = Math.random().toString(16).substring(2, 8);
    let randomColor = `#${random}`;
    colorCode.textContent = randomColor;
    document.querySelector('body').style.backgroundColor = randomColor;
})
```
I used 
```
const random = Math.random().toString(16).substring(2, 8);
```
in my code this code generates alphanumeric characters in HEXA Decimal format which is between 'a' up to 'f' and number from 0 up to 9;
Need a Suggested stack for building questionnaire web app
Tags: startup, javascript, python, discuss
Published: 2021-01-31 07:03:47

I want to start a side project for a web app that has built-in questionnaires, option to build your own questionnaires, upload images and dashboard analysis based on results of the questions. Export to pdf and more

Which tools are better for this project?

I am know JavaScript , vue, react, newbie at angular, and these days i am learning python and django..
What are your recommendations?  Should i put my efforts at different stack for that?
Glassmorphism Website Design in HTML and CSS
Tags: websitedesign, glassmorphism, responsivewebsite, htmlcss
Published: 2021-01-31 07:00:53

**Q: How can I create a Glassmorphism website using HTML and CSS?**
A: After reading and watching the following article and video tutorial, you will definitely able to create glassmorphism website by using HTML and CSS.

Hello Readers, today in this blog I will create a responsive website with the help of HTML & CSS and this website looks will be in glass morphism UI. Earlier I have shared How to Create a Simple Website using HTML & CSS now it's time to create glassmorphism website.

**What is Glassmorphism?**
Glassmorphism is the latest trend on UI designs in where UI Designs' background is a blur and we can see what is in the background. Basically, Glassmorphism is the combination of two words "Glass" and "Morphism". That why glassmorphism design looks neither transparent nor solid. Codes for the glassmorphism design.

  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(5px);

As you can see on the given image of this program [Glassmorphism Website Design], on the web page. On the top side, there is on navbar with some logos, hyperlinks, and two-button. Under the navigation menu, there is some text and at the bottom right side, there is one play button and some text. You can see in the outer top left corner and right bottom corner, there are two circles that give more attraction.

**Glassmorphism Website Design | Source Code**
You can download all source code from the given link. <a href="https://www.codinglabweb.com/2021/01/responsive-website-with-html-css-glass.html">Click Here To Download All Source Code</a>
elmoCut
Tags: python, spoofing, networking, cybersecurity
Published: 2021-01-31 06:48:57

---
title: elmoCut
published: true
description: Eye candy ARP spoofer for Windows
tags: python, spoofing, networking, cybersecurity
cover_image: https://raw.githubusercontent.com/elmoiv/elmocut/main/data/preview.png
---
<p align="center">
  <a href="https://github.com/elmoiv/elmocut"><img src="https://github.com/elmoiv/elmocut/blob/main/data/icon.png?raw=true" alt="elmoCut icon"></a>
</p>

[elmoCut](https://github.com/elmoiv/elmocut/) aims to make arp spoofing easy for all users with all the hard work done under the hood.

One of it's main feauters is to use as low CPU and RAM usage as possible while offering nearly the same results as other closed source spoofers.

## Features
- Clean UI.
- One click to block all devices.
- Re-kill devices that changed their ip during block.
- Remember killed devices before exit.
- Start with windows.
- Run minimized in the background.

## Screenshots

<table>
  <tr>
    <th colspan="3">
      <samp><h3>Main window</h3></samp>
    </th>
  </tr>
  <tr>
    <th colspan="3">
      <img src="https://github.com/elmoiv/elmocut/blob/main/data/preview.png?raw=true" alt="Settings window">
    </th>
  </tr>
  <tr>
    <th>
      <samp><h3>Settings window</h3></samp>
    </th>
    <th>
      <samp><h3>Tray Icon</h3></samp>
    </th>
    <th>
      <samp><h3>Tray menu</h3></samp>
    </th>
  </tr>
  <tr>
    <th>
      <img src="https://github.com/elmoiv/elmocut/blob/main/data/preview-settings.png?raw=true" alt="Settings window">
    </th>
    <th>
      <img src="https://github.com/elmoiv/elmocut/blob/main/data/preview-tray.png?raw=true" alt="Tray icon">
    </th>
    <th>
      <img src="https://github.com/elmoiv/elmocut/blob/main/data/preview-tray-menu.png?raw=true" alt="Tray icon menu">
    </th>
  </tr>
</table>

### Click [here](https://github.com/elmoiv/elmocut/) to download and for more information about elmoCut.
Building  serverless  CMS
Tags: serverless, javascript, github, help
Published: 2021-01-31 06:38:54

I'm working on an open-source project for a serverless CMS. 

The basic concept is that the site pages are being managed (created, edited & deleted) using Client-side JS. 

After the page is created/updated/deleted it is uploaded as HTML to the CDN using the CDN API (currently it is GITHUB pages but the concept should work with other platforms such as Firebase etc.)

The developers who will build the sites will have 100% control over the HTML templates, JS & CSS to get exactly the look feel & behavior they want. 

After the site will be built Content Administrator will be able to log in to the admin panel using their GIT/CDN API credentials and then will be able to manage the content as they like without any technical knowledge.

The basic concept is complete and ready for forking (for new sites). 

I'm trying to get help for this project for:
1. Development 
2. Explanation & help make this concept more accessible to users
3. creating themes and plugins
4. review my code and suggest improvements 

The advantages of this project are it's FAST (100% CDN), it's FREE (GPL), and with 100% FULL CONTROL over page structure

project address:
https://github.com/arielberg/js.cms 
https://github.com/arielberg/js.cms.admin (admin pannel sub module)
How important is knowing a codebase to debugging software?
Tags: discuss, help
Published: 2021-01-31 06:34:56

Hi all - this is my first question and I'm excited to be here. I work at a large company as a software engineer who is working primarily as an analyst who specializes in optimization and security. On a daily basis, I generally need to look at a totally unfamiliar library or codebase, sometimes which is poorly or not documented at all, and examine code to find, analyze, and sometimes patch bugs. This means that literally every day, I am trying to figure out what it is I am looking at and sometimes be supposed to aid the main developer of the code in solving a problem with his/her/their own code. This of course is without them walking me through any of it.

While it's certainly doable, I've found it quite stressful and I often feel imposter syndrome, not because I can't code, but because I'm always looking at code that I'm unfamiliar with. This is in contrast to say, being a dev working on 1-5 codebases for months or years. What tends to happen is that it takes me a lot longer (and requires more mental energy) to get to the bottom of a bug simply because most of the time I'm trying to figure out "What does this code even do?" "Who uses it?" "How is it used?", "Will this routine ever be provided an invalid integer?" and so on. Yes, I can often find docs, but doing a new code base or 5 daily wears on me. Also, docs are only usually for API and I also have to work on internal/opaque functionality. I feel I would be much more skilled at each individual task if they were in a codebase I had several years of experience working with.

So I wanted to ask: How important do you other software engineers feel knowing a codebase is when it comes to your ability to effectively work with it, especially debugging? When you joined the team, how long did it take? Also, does anyone have advice for working in this type of environment? I'm just looking for ideas and if anyone has had to work in a similar situation. Survival tips? Thanks.
A Simple Arduino Project
Tags: iot, arduino, beginners, showdev
Published: 2021-01-31 06:27:51

<h2>Why this ?</h2>
We are now living in the 21st century. Now, smart phone has become the most essential thing in our daily life. 
Android application based smart phones are becoming each time more powerful and equipped with several accessories that are useful for Robots. 
This project describes how to control a robot car using mobile through Bluetooth communication, some features about Bluetooth technology, components of the mobile and robot.

------------------------------------------------------------------

<h2>Working of the Project ?</h2>
The working principle is kept as simple as possible. The working principle of the circuit has been elaborated with the help of a block diagram, of the system interconnection. A DC power supply is required to run the system. The DC power supple feeds the Microcontroller and the Bluetooth module. 

The Bluetooth module receives the signal sent from an android smart-phone, where the application software coded in C language is installed. The microcontroller, thereby, sends instructions, which when executed, helps in functioning of the motor driver. 

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/fpu2ckobkpinv43cn5v6.jpg)

When a key is pressed, the corresponding data is transmitted to the Bluetooth Module from the Phone over Bluetooth Communication. The movement and functioning of the motor can be controlled by using the android based application software. 

In our android application base Bluetooth controlled robotic car, the user interacts with the system with a smart phone. In this method user must be present within in range (< 15 meters) to control the system.

------------------------------------------------------------------

<h2>Demo ?</h2>
This is how it works, this can be further developed in order to use for different purposes.

{% youtube ul7iroZhAkQ %}

<ul>
<li>We can interface sensors to this robot so that it can monitor some parameters. We can add wireless camera to this robot.</li>
<li>Can be developed to provide an easier life for the disabled. They can be used by Physically Challenged people to helm their robot around their space.</li>
<li> The basic advantage of this system is its wide interface that can be controlled with help of Android Mobile from a few feet away, and also that the whole system syncs itself with the driver’s electronic devices, thus giving him/her greater accessibility.</li>
</ul>

------------------------------------------------------------------

<h2>Need more details ?</h2>
As a student developer, I would like to share this whole project at free of cost including the project reports, PPTs, code and related guidelines.

For more details : [Click Here](https://github.com/GudiVaraprasad/Bluetooth-Control-Car)

------------------------------------------------------------------

<p><b>Written by - <i>GVP</i></b></p>