teleren/devto huggingface dataset:
HOW TO CONNECT LINUX TO THE INTERNET WITH GLO USB MODEM [VIDEO]
Tags: howto, internet, linux, ubuntu
Published: 2021-07-31 14:57:57

---
title: HOW TO CONNECT LINUX TO THE INTERNET WITH GLO USB MODEM [VIDEO]
published: true
date: 2021-03-27 15:30:09 UTC
tags: HowTo,Internet,Linux,Ubuntu
canonical_url: https://fossnaija.com/how-to-install-glo-usb-modem-on-linux/?utm_source=rss&utm_medium=rss&utm_campaign=how-to-install-glo-usb-modem-on-linux
---

In this video I will work you through the step-by-step process of setting up a Glo USB modem on Ubuntu Linux so that you can easily browse the internet.

{% youtube cac1LnFTgGY %}




**Happy Linux’NG!**



The post [HOW TO CONNECT LINUX TO THE INTERNET WITH GLO USB MODEM](https://fossnaija.com/how-to-install-glo-usb-modem-on-linux/) appeared first on [Foss Naija](https://fossnaija.com).
How can i create a CRON operation to add numbers based on timed events in my database.
Tags: php, sql
Published: 2021-03-27 15:28:50

please, how can i create a cron operation that will add numbers to the existing numbers based on my present database value when the next event is to be executed?

here is the code below:
```
<?php
$sql="CREATE EVENT test_event_05
ON SCHEDULE EVERY 1 MINUTE
STARTS CURRENT_TIMESTAMP
ENDS CURRENT_TIMESTAMP + INTERVAL 1 HOUR
DO
   INSERT INTO messages(email,income,created_at)
#i would like to add 20 at the next execution so that the income which is 30 would change to 60;

   VALUES('elijahemmanuel05',30,NOW());";
  
  if($conn->query($sql) == "true"){
    echo 'created';
  }else {
    die("not created".$conn->error);
  }
?>
```
please help me guys, its urgent
My javascript / tech / web development newsletter for 2021-03-27 is out!
Tags: javascript, tech, webdev, discuss
Published: 2021-03-27 14:52:40

---
title: My javascript / tech / web development newsletter for 2021-03-27 is out!
published: true
description: A roundup of all the best javascript, tech and web development links posted to my linkblog in the past week
tags: javascript, tech, webdev, discuss
---
In this week’s edition:

Intel Foundry Services, Creator Economy, Medium, Substack, Influencers, No-code, Platforms, Crypto & NFTs, RMS, ESM, new codebase tips, YouTube tech, foldables, Tailwinds, LXD, pipes, privacy, Zuck...

https://markjgsmith.substack.com/p/mark-smiths-newsletter-27-03-2021

Would love to hear any comments and feedback you have.

[@markjgsmith](https://twitter.com/markjgsmith)
On my leisure activity in the future
Tags: listening, learnbydoing, leisure, reading
Published: 2021-03-29 11:55:55

---
title: On my leisure activity in the future
published: true
date: 2021-03-27 14:51:38 UTC
tags: listening,learnbydoing,leisure,reading
canonical_url: https://victorleungtw.medium.com/on-my-leisure-activity-in-the-future-9e1686db112e
---

My leisure life would be learning new things. There are many different ways to learn, such as reading, listening and doing.

By visiting libraries regularly, I can read books and learn from the expert of the industries. Some authors are no longer living today but I could still benefit from their views in history. There are limited things I could see and experience by myself, and the insights I learn from others are valuable, such that I could get wisdom from these people. There are also practical books that I could learn specific skills and domain knowledge at my own pace. Reading newspapers and magazines are also useful to help better understand our worlds.

Listening is another way to learn as well, it could be in the format of a podcast, Youtube video or even in our day to day conversations. By paying attention to extract useful information, I would be able to absorb new knowledge in different situations, especially when I don’t have the luxury time to sit down and focus on reading a book. Listening to audiobook or lecture is an effective way to learn as some people are good at presentation making the content a lot more interesting and enjoyable than reading.

Lastly, to master a new skill, the best way to learn is to learn by doing. This applies to coding, public speaking, leadership, etc. It takes practice and feedback to become better. Writing my learnings down in blog posts and sharing my thoughts in daily conversation, also helps to memorise the new knowledge and better grasp the new ideas.

Overall, the process of learning makes me feel personally meaningful instead of a waste of time. Having a study plan on different areas including technical knowledge and soft skills is worthwhile. The learning process could be frustrating sometimes, but also rewarding and enjoyable after overcoming the difficulties. This would also increase my productivity and become more efficient to perform my roles, and I would be able to better handling of uncertainty.

_Originally published at_ [_https://victorleungtw.com_](https://victorleungtw.com/on-my-leisure-activity-in-the-future)_._
Convert FULL HTML to PDF
Tags: htmltopdfconversion
Published: 2021-03-27 14:50:00

Hello there,
I have a created an HTML template in ReactJS, and now I'd like to optimize a mechanism to download that HTML template to the backend, convert the template to a PDF (i.e. using htmldoc). 

Every week, a scheduled process is triggered in the backend to download that HTML template and convert it to a PDF file.


However, ReactJS does not provide the entire HTML, it renders only the main elements of the HTML page (HEAD, BODY within initial JS chunk to load the page)


How do I render the entire HTML in the page, so that the backend would be able to download (i.e. wget) it and convert (i.e. htmldoc) it to a proper PDF file?

Best wishes,
I
On my social life in the future
Tags: social, networkingevent, introvert, future
Published: 2021-03-29 11:55:46

---
title: On my social life in the future
published: true
date: 2021-03-27 14:49:56 UTC
tags: social,networkingevent,introvert,future
canonical_url: https://victorleungtw.medium.com/on-my-social-life-in-the-future-8b86fc420d33
---

In my ideal social life, I would be having a large number of friends and many of them would remain close as well. I would be a highly social individual instead of a shy and awkward boy who is invisible.

I would be able to overcome shyness and connect with others and influence the entire world. At house parties and social events, I would purposefully make my way around the room, meeting as many people as possible and asking them questions about their lives. By having a good social network, I would earn the respect and friendship with others. I would be able to show confidence in talking to strangers, maintain a good conversation and making connections with others.

Having a strong social connection is the most important factor in achieving happiness. Our brain responds to social connection in a similar way to how it responds to the pleasantness of being warm. I would have the courage and not to be afraid of social rejection.

I would be a nicer person and able to help other people. At the same time, when my friends asked me for help, I would have to ability to solve their problems and bring values to the wider community.

Besides, I would have a wife that can share secrets and be a life long partner to go through all the ups and downs in our lives, sharing our happiness moment and overcoming all the difficulties. She would be a soulmate who can understand me and support me. We would be building a family as a unit of our wider social network and community. The social connections would help us to get advice and support from people I care about, be more productive in our career and be able to make better decisions, due to different points of views from my friends to share their insights.

Together, we would be able to better understand our world objectively and achieve more things. Humans are social animals and we are working together as a team and society. This ideal social life would be collaborative instead of competitive, we are in harmony instead of war.

_Originally published at_ [_https://victorleungtw.com_](https://victorleungtw.com/on-my-social-life-in-the-future)_._
Day 88 Of 100DaysOfCode: Measuring Model Performance
Tags: 100daysofcode, codenewbie, womenintech, beginners
Published: 2021-03-27 14:48:24

This is the 89th day of #100daysofcode and #python learning. Today is Saturday I took refreshment in the daytime. In the morning time and in the evening time I keep learning from DataCamp regarding the topic measuring model performance.
<blockquote class="twitter-tweet"><p lang="en" dir="ltr">Day 88 Of <a href="https://twitter.com/hashtag/100DaysOfCode?src=hash&amp;ref_src=twsrc%5Etfw">#100DaysOfCode</a> and <a href="https://twitter.com/hashtag/Python?src=hash&amp;ref_src=twsrc%5Etfw">#Python</a> <br>Studied measuring model performance(Train/Test split) from [DataCamp](<a href="https://t.co/BzIi4LBN6s">https://t.co/BzIi4LBN6s</a>)<a href="https://twitter.com/hashtag/WomenWhoCode?src=hash&amp;ref_src=twsrc%5Etfw">#WomenWhoCode</a> <a href="https://twitter.com/hashtag/100DaysOfCode?src=hash&amp;ref_src=twsrc%5Etfw">#100DaysOfCode</a> <a href="https://twitter.com/hashtag/CodeNewbie?src=hash&amp;ref_src=twsrc%5Etfw">#CodeNewbie</a> <a href="https://twitter.com/hashtag/DEVCommunity?src=hash&amp;ref_src=twsrc%5Etfw">#DEVCommunity</a> <a href="https://t.co/CX2QlfU4OT">pic.twitter.com/CX2QlfU4OT</a></p>&mdash; Durga Pokharel (@mathdurga) <a href="https://twitter.com/mathdurga/status/1375824370711420929?ref_src=twsrc%5Etfw">March 27, 2021</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
On improving my habits
Tags: exercise, habits, diet, health
Published: 2021-03-29 11:55:36

---
title: On improving my habits
published: true
date: 2021-03-27 14:47:56 UTC
tags: exercise,habits,diet,health
canonical_url: https://victorleungtw.medium.com/on-improving-my-habits-f7f1efc417de
---

I would like to improve my habits and get more healthy. There are three aspects of healthiness which includes physical, diet and mental.

First of all, regular exercise is the key to get physical fitness and maintain a good body shape. Every week I regularly go jogging along the river for at least thirty minutes. On the weekends, I would go cycling or swimming instead of staying indoors all day. These exercises help to release dopamine in our brain to regulate our mood and prevent us from getting depression. Sometimes I am getting too busy or too lazy to go out and disrupted my exercise habit. I would need to set a calendar as well as finding a community to keep myself motivated to do exercise.

Secondly, I would need to eat healthy food, such as balance with vegetables and fruits. My body metabolism starts to slow down when getting older, and my body shape would not look good with a big tummy. To lose weight, I would need to control my diet by eating less while burning more calories than my intake. With covid situation, I am work from home and sitting in front of the computer all day long, which consume few calories. I should drink less sugar-heavy soft drink, such as regular coke and ice lemon tea.

Lastly, I would need to get better with my mental health. This includes having a work-life balance and getting a better social circle, such that I would be able to get better emotional support from family and friends. It is important to maintain a good relationship with other people and contribute to the community. This would affect both my happiness level and my meaning of life. I would need to get a habit to expand my network and meeting new people, instead of being shy staying quiet at the corner. I would be able to improve my communication and public speaking skills when I take small steps every day to get better than yesterday.

Overall, having a healthy body and a healthy mind would be a pre-requisite to survive in our world and become a successful person.

_Originally published at_ [_https://victorleungtw.com_](https://victorleungtw.com/on-improving-my-habits)_._
Redis-like database server in Golang
Tags: showdev, go, programming, opensource
Published: 2021-03-27 14:45:57

Hello 👋, for the past month I've been developing a very simple Redis clone tool in Golang.

# kvstore
The project is called **kvstore**. **kvstore** is an in-memory database server with the key-value pair data model (similar to Redis and other in-memory database servers).

## See it in action
![kvstore](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vtv5bgmsuy9fslmnon76.gif)

You can check out the project here:
https://github.com/HotPotatoC/kvstore
Mongo DB, Express, Node js- Learning
Tags: mongodb, node, javascript
Published: 2021-03-27 14:42:00

**https://github.com/Ajmal0197/MERN-learning**

MERN stack learning with proper comments. Proper secure authentication and routing. Latest javascript features like async await, es6 etc.

Followed Course: https://www.udemy.com/course/mern-stack-front-to-back/
StackOverFlow: Run RedisInsight in Docker Compose
Published: 2021-03-27 14:37:15

---
title: StackOverFlow: Run RedisInsight in Docker Compose
published: true
---

RedisInsight is an intuitive and efficient GUI for Redis, allowing you to interact with your databases and manage your data—with built-in support for most popular Redis modules. The free non-commercial add-on provides tools to analyze the memory, profile the performance of your database, and guide you toward better Redis usage.

## Install Docker 

The first step is to install docker for your operating system. Run the docker version command in a terminal window to make sure that docker is installed correctly.

Note - On Windows and Mac, install docker version 18.03 or higher. You can run docker version to find out your docker version.

##  Run RedisInsight Docker image

Next, run the RedisInsight container. The easiest way is to run the following command:

```
docker run -v redisinsight:/db -p 8001:8001 redislabs/redisinsight:latest
```


## Accessing RedisInsight
Next, point your browser to http://localhost:8001.

## Running RedisInsight inside Docker container

{% stackoverflow 66829831 %}
React Native Boilerplate Hooks including redux saga, reactotron, redux-persist etc.
Tags: reactnative, redux, javascript
Published: 2021-03-27 14:24:37

**https://github.com/Ajmal0197/ReactNativeBoilerplate**

[YouTube video(Redux saga)](https://youtu.be/H6tVsHYyTGs)

```
{
  "name": "APP_NAME",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "android": "react-native run-android",
    "ios": "react-native run-ios",
    "start": "react-native start",
    "test": "jest",
    "lint": "eslint .",
    "cleanCache": "react-native start -- --reset-cache",
    "adb": "adb reverse tcp:9090 tcp:9090 && adb reverse tcp:8081 tcp:8081 && adb reverse tcp:3000 tcp:3000",
    "clean:android": "cd android/ && ./gradlew clean && cd .. && react-native run-android",
    "clean:build": "cd android/ && ./gradlew clean &&  ./gradlew assembleRelease",
    "postinstall": "patch-package"

  },
  "dependencies": {
    "@react-native-async-storage/async-storage": "^1.14.1",
    "@react-native-community/masked-view": "^0.1.10",
    "@react-navigation/native": "^5.9.3",
    "@react-navigation/stack": "^5.14.3",
    "axios": "^0.21.1",
    "dayjs": "^1.10.3",
    "lottie-ios": "3.1.8",
    "lottie-react-native": "^3.5.0",
    "react": "16.13.1",
    "react-native": "0.63.4",
    "react-native-animatable": "^1.3.3",
    "react-native-gesture-handler": "^1.10.2",
    "react-native-inappbrowser-reborn": "^3.5.1",
    "react-native-keyboard-aware-scroll-view": "^0.9.3",
    "react-native-linear-gradient": "^2.5.6",
    "react-native-modal": "^11.7.0",
    "react-native-pager-view": "^5.1.2",
    "react-native-reanimated": "^1.13.2",
    "react-native-safe-area-context": "^3.1.9",
    "react-native-screens": "^2.17.1",
    "react-native-splash-screen": "^3.2.0",
    "react-native-swiper": "^1.6.0",
    "react-native-tab-view": "^3.0.0",
    "react-native-toast-message": "^1.4.9",
    "react-redux": "^7.2.0",
    "redux": "^4.0.5",
    "redux-saga": "^1.1.3"
  },
  "devDependencies": {
    "@babel/core": "^7.13.1",
    "@babel/runtime": "^7.13.7",
    "@react-native-community/eslint-config": "^2.0.0",
    "babel-jest": "^26.6.3",
    "babel-plugin-transform-remove-console": "^6.9.4",
    "eslint": "^7.20.0",
    "jest": "^26.6.3",
    "metro-react-native-babel-preset": "^0.65.1",
    "react-test-renderer": "16.13.1",
    "patch-package": "^6.4.7",
    "postinstall-postinstall": "^2.1.0",
    "reactotron-react-native": "^5.0.0",
    "reactotron-redux": "^3.1.2",
    "reactotron-redux-saga": "^4.2.3"
  },
  "jest": {
    "preset": "react-native"
  }
}
```
Progress Button Microinteractions with ReactJS
Tags: codepen, react, showdev, ux
Published: 2021-03-27 14:12:25

<h2>Description</h2>

<p>This is just a remake of my previous pen <a href="https://codepen.io/takaneichinose/pen/wRXryM">Progress Button Microinteractions with VueJS</a>, for me to practice my skills in <a href="https://reactjs.org/">React</a>.</p>

<p>I made the animation using <a href="https://greensock.com/">GSAP</a>. This library is really helping me a lot in animation. I really could do a "snappy" animation if I use this. Compare to my old one, by just using CSS. The performance is nice as well.</p>

<h2>Another description</h2>

<p>Having a microinteraction in your website is nice (I think). Especially when the designer did the animations just like "naturally".</p>

<p>The actual download must have a(n) URL, or should get the progress from a thread. This is just an example, so I used the animation to recreate the download process.</p>

<h2>Font used</h2>

<p>Raleway (Directly added from "Assets")</p>

<h2>Live Demo</h2>

{% codepen https://codepen.io/takaneichinose/pen/yLgOqoj %}
Native CSS Masonry layouts
Tags: css
Published: 2021-03-27 14:08:25

I'm very excited about this feature, although it's not yet widely supported.

Making masonry grids is so cool! It's that kind of elemental table effect, where blocks with different sizes can stack. (Like Tetris!)

And yes, we could do this before, with either some JavaScript or come very close with flex and grid, but it wasn't perfect.

Now there is the `masonry` option for `grid-template-rows`.

> Note: This is unfortunately far from being well supported, so do note that!

The end result can look like this:

![CSS Masonry layout](https://cdn.hashnode.com/res/hashnode/image/upload/v1616477465934/BtaQQ9gO_.png)

## Enabling masonry support

Currently, we can try out the feature in Firefox, but we do need to enable it first.

Open up Firefox and type the following in the address bar: `about:config`.

Then type: `layout.css.grid-template-masonry-value.enabled` and set this to true.

Now we can enjoy CSS native grids!

## Creating our masonry grid

To create the grid, we generally just use [CSS `grid`](https://daily-dev-tips.com/posts/css-grid-introduction/) options.

Let's start by creating a basic structure:

```html
<div class="container">
  <img src="1.jpg" />
  <img src="2.jpg" />
  <img src="3.jpg" />
  ...
</div>
```

Here you can add some images of all kinds of shapes that will become masonry's magic to fix.

Now let's add the magic in CSS.

```css
.container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: masonry;
  gap: 10px;
}
```

And yes, that's it!
All we need to create masonry layouts.

In browser that doesn't support it, we get the following result:

![Browser that doesn't support CSS masonry](https://cdn.hashnode.com/res/hashnode/image/upload/v1616477393394/mG08R3TeY.png)

However, in browsers that do support it, we see the following:

![CSS Masonry layout](https://cdn.hashnode.com/res/hashnode/image/upload/v1616477465934/BtaQQ9gO_.png)

Wow, right? It just auto-filled where each image should go, and it looks amazing.

I'm super amped for this feature to become widely supported.

For those that use Firefox, enable the flag and check it out on this Codepen.

{% codepen https://codepen.io/rebelchris/pen/yLgLGmq %}

## Browser support

Unfortunately, it's really new and therefore not supported. We have to enable a flag in Firefox to see it in action.

To enable in Firefox, set the following flag to true.
`layout.css.grid-template-masonry-value.enabled`.

### Thank you for reading, and let's connect!

Thank you for reading my blog. Feel free to subscribe to my email newsletter and connect on [Facebook](https://www.facebook.com/DailyDevTipsBlog) or [Twitter](https://twitter.com/DailyDevTips1)
Hello, concent-pro
Tags: react, concent
Published: 2021-03-27 14:06:01

![concent-pro](https://raw.githubusercontent.com/fantasticsoul/assets/master/c2pro/c2pro-banner.png)

Center Pro is a project that helps users integrate the ecology of center and react, and has built-in best practice guidance, so as to provide users with out of the box experience, including but not limited to the following functions:

- Demonstration of common center API
- Model directory organization demonstration
- TS integration demonstration
- Test case writing demonstration
- UseSetup case
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8pv5ukebmjmm1chs8niz.gif)
Creative Image Hover Overlay Effect
Tags: html, css, webdev
Published: 2021-03-27 14:03:30

Image hover effects create an opportunity to add interactivity to elements on a website without slowing it down. Every website now nowadays implementing creative hover effects in their webpage to make it looks even better than others. This Snippet is based on a creative CSS image hover effect made with only HTML and CSS. in this animation when we will hover over the image, the text will appear from the back image slide is attached to the hinge or so. <a href="https://www.codingflicks.com/2021/03/nice-image-hover-overlay-effect.html">Download the Source Code</a>
How to Setup GUI on Amazon EC2 Ubuntu Server
Published: 2021-03-27 13:59:07

How to Setup GUI on Amazon EC2 Ubuntu Server

{% youtube QbikhwyTHj0 %}

 Amazon EC2 Linux servers do not come with GUI, all the operations have to be done using ssh console. So if you wish to have a GUI for your Amazon Linux instances like Amazon AMI, or other Linux distribution, you can achieve it easy steps. Once you installed the GUI essentials on your server, you can access it via windows, remote desktop client. If you are using Linux, then you can use the VNC viewer as a remote desktop client. In order to have a GUI, a lightweight LXDE desktop has to be installed on your server.

LXDE

LXDE is Designed for Cloud-Based Server
GUI which is lightweight for Linux
Support Standard Keyboard Shortcut
Fast Performance
Prerequisite

1 ) EC2 Instance running with Ubuntu AMI

2) Security Group allow inbound traffic for SSH (22) and RDP (3389) port

Steps to Configure

Step 1: Connect to the EC2 Instance through ssh (you can use putty for windows)

Step 2: Update Ubuntu and install lxde using the following command

sudo apt-get update -y

sudo apt-get install lxde -y

Step 3: Install xrdp to establish a remote desktop connection, using the below command you can install xrdp

sudo apt-get install xrdp -y

Step 4: set password for ubuntu user which uses for connect using Remote Desktop

sudo passwd ubuntu

Step 5: Take EC2 instance Public Ip or DNS and access though remote Desktop
Neumorphism Pagination Using HTML/CSS
Tags: webdev, codenewbie, codereview, uiweekly
Published: 2021-03-27 13:51:54

Pagination is used to show multiple data on a divided page with a number of formats. Here we made a simple and attritive UI for Neumorphism Pagination Using HTML/CSS.

In this pagination element we simply used ul, li tag for show list format, and for one line we used flex. To make Neumorphism effects we used box-shadow with hover effects. To make responsive this element we used media queries. 



Make it yours now by using it, downloading it, and please share it. we will design more elements for you.

[Source Code](https://w3hubs.com/neumorphism-pagination-using-html-css/)