teleren/devto huggingface dataset:
HNGi8 x Zuri Internship
Published: 2021-08-16 03:58:00

`Hello world`, I'm a frontend engineer who recently joined the eighth iteration of the HotelsNg Internship (biggest remote internship program in Africa) powered by Zuri and Ingressive For Good. This platform will be used to document my journey through the program.
#Internship Goals
+ Improve my frontend engineering skills while working on real-world projects in a fast-paced environment.
+ Collaborate and network with other developers.
+ Learn new technologies and essential soft-skills.
+ Build a product that solves real-world problems.


##My Tech Stack
- HTML5
+ CSS3
+ SaaS
+ Tailwind CSS
+ JavaScript
+ Bootstrap
+ React 


##Links
+ Here is a [link](https://training.zuri.team/) to Zuri Training 👩‍🏫.
+ One of my favorite HTML and CSS tutorials is [Responsive Web Design](https://www.freecodecamp.org/learn/responsive-web-design/) by Freecodecamp and if you're someone that prefers video tutorials, here is a [link](https://www.youtube.com/watch?v=mU6anWqZJcc&t=29874s) for you 🤗
+ For JavaScript tutorials, I recommend one by Jonas Schmedtmann which is [available on Udemy](https://www.udemy.com/course/the-complete-javascript-course/) (paid). A free tutorial by John Smilga can be accessed [here](https://www.youtube.com/watch?v=2Ji-clqUYnA&t=28s).
+ Learn Git using [this tutorial](https://www.youtube.com/watch?v=8JJ101D3knE) by Programmming with Mosh.
+ Learn Figma 🎨 from Traversy Media. Here is a [link] (https://www.youtube.com/watch?v=4W4LvJnNegA) to the tutorial.
How to Create a Real Time Flutter Chart in 10 Minutes
Tags: flutter, dart, webdev, mobile
Published: 2021-08-16 03:48:36

Learn how to create a real-time chart using Syncfusion [Flutter Chart](https://www.syncfusion.com/flutter-widgets/flutter-charts) widget easily. This video explains how to load real-time data to a line series using the ChartSeriesController class’s updateDataSource method.


Example project: https://bit.ly/2VKCJZD


 SYNCFUSION FLUTTER CARTESIAN CHART 

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

Product overview: https://bit.ly/3lS8xa0 

Documentation: https://bit.ly/3Cyl2xb 

API documentation: https://bit.ly/2Qw1JBa 

Examples—GitHub: https://bit.ly/3cG5f57


{% youtube t8Tyj9Sw_iM %}
How To Generate QR Code In Laravel
Tags: laravel, html, php, codenewbie
Published: 2021-08-16 03:44:13

Today we will see how to generate QR Code In Laravel. Now a day many websites and mobile applications are provide features like login with QR code, scan QR Code and get more information about products and websites etc using QR Code. In this article we will learn how to create QR Code in Laravel.

So, Here I will show you QR code example In Laravel in my project to give you demo, there are many packages available in Laravel to generate QR Code. here, in this example I will use Endroid QR Code Generator package.

Let's start with code and see how to implement qrcode in laravel.

> Step 1 : Install Laravel
> Step 2 : Install Endroid QR Code Package In Your Application
> Step 3 : Create Controller
> Step 4 : Add Route
> Step 5 : Create Blade File

---

> **_[Read More : How To Generate QRcode In Laravel](https://www.techsolutionstuff.com/post/how-to-generate-qrcode-in-laravel)_**
Raspberry Pi4 and Ubuntu and ELEGOO ARDUINO software
Tags: ubuntu, learn, help, tutorial
Published: 2021-08-16 03:22:44

I’m using Mac, i want to install the least amount of software on my Mac, i got a Raspberry Pi4 to use it with Arduino software on…. Because I’m messing around with Arduino and just don’t want to have questionable software on my main computer. 
Has anyone installed ELEGOO software and ARDUINO software on a Raspberry Pi4? How about VSC?
How do you calculate 3^3^3^3? (What algo / struct?)
Tags: help, algorithms, computerscience
Published: 2021-08-16 03:22:40

At first glance, it seems to be very straight forward. However, when you look at the sample calculation from Wolfram Alpha.

https://www.wolframalpha.com/input/?i=3%5E3%5E3%5E3

This breaks both `long long` (integer, 18-19 digits) and `double` (float / IEEE 754, up to e+308 digits, with 17 digits' precision).

However, I can cheat a little with Python, as it will automatically allocate more bytes for integer.

Still, 3^(7.625e+13) takes abnormally very long time... (3^3^3 = 7.625e+13).

```python
class Int:
    MAX_LEN = 10

    def __init__(self, val: int) -> None:
        if isinstance(val, Int):
            self.val = val.val
        else:
            self.val = val

    def exp3(self):
        return Int(3 ** self.val)

    def tetrate3(self, n: int):
        first = Int(self)
        for _ in range(n - 1):
            first = first.exp3()

        return first

    def __repr__(self) -> str:
        s = str(self.val)

        if len(s) > self.MAX_LEN:
            h = int(self.MAX_LEN / 2)
            return f"{s[:h]}...{s[-h:]} ({s[0]}.{s[1:4]}e+{Int(len(s))})"

        return s
```
Goals For HNG/Zuri Internship
Tags: hng, zuri, freeinternshipinnigeria, frontendinternship
Published: 2021-08-16 03:19:46

HNG [hotels.ng](https://hotels.ng) is a free 8weeks long Internship Opportunity organized by HNG/Zuri team based in Nigeria, West Africa.
Although Its is based in Nigeria, mostly run by Nigerians, the Opportunity is open to all and sundry as we have participants from a walks of life. We have participants from India, Ghana, Pakistan, costa-rica to mention a few.
Although HNG is different from Zuri in that they have separate missions they are mostly ran by a joint team. While Zuri is focused on training (excellent for absolute beginners) HNG is focused on Application of the fundamentals (most suitable people with basic Knowledge).
With different approach, they continually pave way for Tech Enthusiasts as they have done for thousands participants and still counting.

This article is not complete if I don't state my reason for Joining. simply put I joined the **Front End of the HNG (cohort 8) which kick-started in August 2021** so I can 
1. Gain Industry Knowledge.
2. Improve Problem Solving Skills
3. Increase Efficiency.
4. Gain mastery of Stacks and tools.
5. learn How it really works. 
6. gain exposure to real life problems.
7. expand my network and Meet new People of like mind.
8. Land a Good Job.

In conclusion, my sincere appreciation goes to the [HNG/Zuri-team](https://zuri.team) for this invaluable push to put learning into building real life, industry standard solutions for the benefit of mankind.

you can signup for the next cohort of the zuri training or get more information on their website [zuri-training](https://training.zuri.team) (recommended for absolute beginners) or register for the next HNG internship via [internship](https://internship.zuri.team) (if you already familiar with the basics)

## Starter Tutorials
1. ### [Figma crash course](https://www.youtube.com/watch?v=Gu1so3pz4bA)
2. ### [Git and Github for beginners](https://www.youtube.com/watch?v=PtBr0fpKyFg)
3. ### [JavaScript Programming for beginners](https://www.youtube.com/watch?v=qoSksQ4s_hg&list=PL4cUxeGkcC9i9Ae2D9Ee1RvylH38dKuET)
ExpressWebJs Maintenance Mode
Tags: expresswebjs, node, javascript, typescript
Published: 2021-08-16 03:15:22

In this tutorial, I will show you how to switch your ExpressWebJs application to maintenance mode, and also how to change the default ExpressWebJs maintenance mode message to your custom message.

More often than not you would need to perform some maintenance for your ExpressWebJs application, luckily ExpressWebJs makes it super easy to put your application in maintenance mode.

You can switch your application to maintenance mode in <code>Config/app.ts</code> file.

```ts
 /*
  |-----------------------------------------------------------
  | Application maintenance mode
  |-----------------------------------------------------------
  | Mode ==> Determine if application is in maintenance mode 
  |    or not. Default value is false
  | Message ==> The message to render while in maintenance 
  |    mode.
  | Retry ==> The number of seconds after which the request 
  |    may be retried
  | Endpoints ==> The endPoints that should be reachable while 
  |    maintenance mode is enabled.
  |    endpoints example: ['api/users','api/accounts']
  |
*/
  maintenanceMode: {
    mode: true, //enable and disable maintenance mode
    message: "Application is in maintenance mode.",
    retry: 50,
    endPoints: [],
  },
``` 

When your application is in maintenance mode, a default message "Application is in maintenance mode" will be sent as a response to all requests accessing your application. This makes it easy to "disable" your application on downtime.

This downtime could be for a lot of reasons, including but not limited to:

1. Bugs.
2. Database error.
3. Migration to another server.
4. Server upgrade.
5. Decoupling to a new architecture.
6. SSL Error.
7. Updating Application etc.


A maintenance mode check is included in the default middleware stack for your application. If the application is in maintenance mode, a MaintenanceModeException will be thrown with a status code of 503.

To read more about ExpressWebJs, visit the Documentation site at [ExpressWebJs](https://expresswebjs.com) .
You can also join the [Discord](https://discord.gg/vrPGZCgJuj) community 

You can follow me on twitter [@EmekaIgbokwe](https://twitter.com/EmekaIgbokwe)
You can follow ExpressWebJs on twitter [@expresswebjs](https://twitter.com/expresswebjs)
and don't forget to star on github [ExpressWebJs](https://github.com/Alexigbokwe/ExpressWebJs)

Please, let me know if you have any questions in the comment section. 😊
send notifications to tmux sessions
Tags: cli, linux, tmux
Published: 2021-08-16 03:10:09

---
title: send notifications to tmux sessions
tags: ['cli', 'linux', 'tmux',]
series: tmux
canonical_url: https://waylonwalker.com/tmux-display-message/
published: true

---

You've got some long running tasks, and you're trying to stay productive and
knock tasks off that board, but you keep finding that your processes finish and
you stay on other tasks for longer than you should.  You were in the flow and
just did not check back in on it.  With `display-message` you can send yourself
a notification when that long running task is complete.

## from the man page

Here is a snippet of `display-message` from the tmux man page.  I rarely need
to do anything other than just display message, but there are other flags for
it.

``` bash
display-message [-aINpv] [-c target-client] [-d delay] [-t target-pane] [message]
            (alias: display)

        Display a message.  If -p is given, the output is printed to stdout,
        otherwise it is displayed in the target-client status line for up to

        delay milliseconds.  If delay is not given, the message-time option is
        used; a delay of zero waits for a key press.  ‘N’ ignores key presses
        and closes only after the delay expires.  The format of message is
        described in the FORMATS section;

        information is taken from target-pane if -t is given, otherwise the
        active pane.

        -v prints verbose logging as the format is parsed and -a lists the
        format variables and their values.

        -I forwards any input read from stdin to the empty pane given by
        target-pane.
```

## notifier

With `display-message` we can do things like setup notifications that will work
cross platform.

``` bash
cmatrix -t 5 && tmux display-message done
```

Without setting the target-pane `display-message` defaults to the active pane.
This is a very handy feature that allows us to switch windows, or sessions and
still recieve the message.

Be sure to check out the full YouTube playlist and subscribe if you like it.

[![tmux playlist on youtub](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v4cgo76y53s1hwykajo1.png)](https://www.youtube.com/playlist?list=PLTRNG6WIHETB4reAxbWza3CZeP9KL6Bkr)

{% post https://dev.to/waylonwalker/how-i-navigate-tmux-in-2021-2ina %}
Basic Setup VPS Linux
Tags: vps, server
Published: 2021-08-16 02:57:35

## Table of Contents

- [Table of Contents](#table-of-contents)
- [Login Via SSH](#login-via-ssh)
- [Mengganti Password](#mengganti-password)
- [Membuat User Baru](#membuat-user-baru)
- [Login SSH Dengan User baru](#login-ssh-dengan-user-baru)
- [Disable Root Login SSH](#disable-root-login-ssh)
- [To be continued](#to-be-continued)

---
Pada konfigurasi ini menggunakan user root, yaitu tipe user pada saat pertama kali vps dibuat.

## Login Via SSH

```bash[terminal]
ssh root@alamatipvps
```

## Mengganti Password

```bash[terminal]
passwd
```

## Membuat User Baru

Membuat user baru dengan perintah berikut, silahkan ganti "namauserbaru" dengan nama user yang diinginkan

```bash[terminal]
adduser namauserbaru
```

Menambahkan user baru kedalam sudo group. Agar dapat melakukan perintah menggunakan sudo

```bash[terminal]
usermod -aG sudo namauserbaru
```

## Login SSH Dengan User baru

```bash[terminal]
ssh namauserbaru@alamatipvps
```

Setelah login menggunakan user baru maka untuk perintah selanjutnya harus menggunakan sudo ketika ingin mengubah konfigurasi sistem.

## Disable Root Login SSH

```bash[terminal]
sudo nano /etc/ssh/sshd_config
```

kemudian cari kalimat `PermitRootLogin` menggunakan `ctrl+w` lalu ubah menjadi `PermitRootLogin no`

save lalu restart ssh server

```bash[terminal]
sudo systemctl restart sshd
```

## To be continued
Favicons: Perhaps My Favorite Detail
Tags: favicons, design
Published: 2021-08-16 02:45:23

Are you familiar with favicons? Are you about to open google to search for what a favicon is? Well here — let me save you a trip!

Favicons are the little icons that represent websites. You've probably noticed them on the tabs in your browser, next to the site's title. There's even a favicon on this very page!
![A Favicon!](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4lqo8t03x1o0i9denvd2.png)

But anyway, in my opinion, the favicon is one of my absolute favorite details to add to a project, so I wanted to bring it to your attention.

______
### <center> Creating a Favicon </center>

So at its most basic, a favicon is an image. If you have a logo that you're using, you can go to a website like https://favicon.io/ and convert your logo (or other image) to a favicon and download the converted images.

If you have generated an application, using a favicon is extra simple! You may find a placeholder favicon in your app's `public` folder and you can actually just replace the placeholder image!

If you haven't before, make sure to really take a look into favicons — I think they're a wonderful tiny detail that makes all the difference!
Fixed VS Growth Mind Sets
Tags: discuss, career, productivity, beginners
Published: 2021-08-16 01:26:08

So what is that...
If you are a lazy reader then this image summarizes the whole topic

![5f6d8ebab07a96ab7f5feebf_Growth vs Fixed Mindset Infographic](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xmkjrit732rzelu4dnou.png)

\|
|
|
|
|
|
|
|
|
|

You are not a lazy reader !!! 

Ok, Then let us begin.

People often think that people are born with a fixed set of talents that defines them and how are they going to do in life.

For example if you find a very talented football player not actually knowing the number of hours he put into training to hone his style.

The first one to actually research this topic is Psychologist Carol Dweck, from Stanford University.

She described the two main ways people think about intelligence or ability as having either:

- ***A fixed mindset:*** in this mindset, people believe that their intelligence is fixed and static. 

- ***A growth mindset:*** in this mindset, people believe that intelligence and talents can be improved through effort and learning. 

Or in her words...

fixed mindset people believe that “they have a certain amount [of intelligence] and that's that, and then their goal becomes to look smart all the time and never look dumb”.

and

growth mindset, “students understand that their talents and abilities can be developed through effort, good teaching, and persistence.”

I believe that any thing can be achieved through effort.
Some people have more affinities in certain fields that others
and that makes them faster at exploring the field.

But only through effort that you can achieve any thing.

What do you think your mindset is??


  

### References: 
 - https://www.mindsethealth.com/matter/growth-vs-fixed-mindset
 - https://www.youtube.com/watch?v=M1CHPnZfFmU
What is useHistory()?
Published: 2021-08-16 01:17:38

Another great hook that is available to React is the useHistory() hook. This hook gives you access to the history object from react-router-dom, which you can use to navigate. The useHistory hook then allow you to set navigate programmatically to other routes in your application by using push and replace methods. 

To use this hook, you will first need to install react-router-dom. 

```
npm install react-router-dom
```

Once installed, you will need to import useHistory into your app and create a history variable.

```
Import { useHistory } from ‘react-router-dom

const history = useHistory()
```

With the history variable created, you can now “push” routes to the history object. This will cause your application to navigate to that pushed location. This is usually handled with a function that can attached to the onClick event on a button or link

```
const goHome = () => {
    history.push(“/”)
}

<button onClick={goHome}>Home</button>
```

Now, when the home button is clicked, your app will redirect to the component that is set to the “/” route. Besides the import call, all of this will need to be created inside of the functional component. And as a whole, it may look something like this:

```
import { useHistory } from 'react-router-dom';

const App = () => {
    const history = useHistory();

    const goHome = () => {
        history.push("/");
    }

    return (
        <div>
          <h1>Hi there!</h1>
          <button onClick={goHome}>Home</button>
        </div>
    );
};
```
Enterprise Readiness made simple
Tags: enterprise, opensource, saml, sso
Published: 2022-07-20 17:25:52

---
title: Enterprise Readiness made simple
published: true
date: 2021-08-16 00:00:00 UTC
tags: enterprise, opensource, saml, sso
canonical_url: https://boxyhq.com/blog/enterprise-readiness-made-simple
---

I love Lego (don't we all), probably a little more than my kids. It invokes a builder's instinct. I feel the same way with code as well. When I started my career in the early 2000s building software was complex. You had to visit datacenters and set up your servers to even get started, it was the age of the ASPs; the predecessor of SaaS.

![Lego](https://boxyhq.com/assets/images/xavi-cabrera-kn-UmDZQDjM-unsplash-f06d66fc058664dc21c719bcadd7427b.jpg)

Photo by [Xavi Cabrera](https://unsplash.com/@xavi_cabrera?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText) on [Unsplash](https://unsplash.com/?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText)

Then came the Cloud; infrastructure at the click of a button. Nothing short of magic! And then over the last decade or so the Cloud enabled a lot of the re-usable services to be packaged up as APIs; enter the API Economy. If you need audio or video in your app, dial the Twilio API. If you need payments, cash in on the Stripe API. If you need authentication, sign in to the Auth0 API. The list is endless (also I ran out of puns).

Coding today is like assembling lego blocks thanks to these APIs and developers love it. There is no need to re-invent these blocks in every startup, it’s much better to outsource the non-core stuff.

I have spent a significant part of my career building products that were sold to the Enterprise. I have helped build out numerous Compliance and Security features, all essential to make the sale but still a big distraction from the core product. I have personally experienced the pain of balancing these Enterprise features with other core features. My co-founder Sama has spent a significant part of his career helping startups accelerate and connecting them to Enterprises. He has seen the pain of startups not being ready to sell to the Enterprise despite having fantastic products.

We both looked at all this and questioned ourselves: What if Enterprise Readiness had an API? What would that look like? How would it work? Could we create a product that will help developers at startups address the hard problems of enterprise readiness, data security, and compliance?

And we went ahead and started BoxyHQ to build this vision. BoxyHQ is a commercial open source software that helps you add enterprise features to your app in just a few lines of code. We want to make enterprise features simple, that's it. That's our focus for the next few years. We want to solve the hard things for you and give you back valuable time to focus on your core products.

If you are selling to the Enterprise, come and say hello. We'd love to give you early access and help you with other aspects of Enterprise sales as well.

_"Enterprise sales is fun!"_ - said no one ever
The  power of the command line
Published: 2021-08-16 01:05:35

I started studying the command line this week, simply because I got stuck on an error while building out a project. I reached out to the community and the person that helped had me use commands like ls -alF as an example. I asked myself what does that mean?

**Opened up my eyes to how powerful the command line is**
This lead me to asking the person that helped me if he could provide me with resources about the command line. I got sent an article to read. You can checkout the article [here] this article was very helpful.(https://ubuntu.com/tutorials/command-line-for-beginners#1-overview)
This made me realize that understanding these basic commands are very useful: 

**-pwd
-ls
-cd**

This is just the tip of the iceberg. You are able to delete files, delete directories, move files etc. The process when using the command line is so much quicker than doing it through the GUI.

I challenge anyone who have been putting it off to learning the command line, take baby steps you will not regret it later on.

Happy coding.