teleren/devto huggingface dataset:
Forstrap: Laravel 8 Fortify with Bootstrap 5 Scaffolding
Tags: laravel, php, bootstrap, fortify
Published: 2021-05-25 10:33:16



# Introduction
I've made plenty of web applications using Laravel stylized with Bootstrap and most of them requires user authentication features. Since Laravel favors Tailwind for stylization in it's out of the box packages these days, I figured I need to create a scaffolding in order to quick start my next project complete with user authentication. And this is where Forstrap comes in.

# Forstrap
Forstrap is a Laravel 8 authentication boilerplate using Fortify package and stylized with Bootstrap 5 CSS framework without the complexity of Jetstream and TailwindCSS and extends Laravel Fortify base features.


## How To Use This?

  

Run this command below where app is the folder you want to create your project with.

  

```
composer create-project mkfizi/forstrap app
```

Run this command after you change your **.env** file
  

```
php artisan migrate 
```

  

That's it! Your new app is now ready with authentication features

  

### Email Configuration

In order to experience the complete Laravel Fortify and Forstrap authentication features, you must set your email configuration in **.env** file. You may use [mailtrap.io](https://mailtrap.io/) for development purpose and use it's SMTP integration codes in your **.env** file.

  

## Extended Feature

  

Aside from the out of the box Fortify's authentication features, this boilerplate also came with an extended feature which enables the application to send the two factor recovery codes to user's email address.

  

### Folder Structure

The files for this feature can be located in these folders

```
App/
|--Http/
|  |--Controllers
|     |--EmailController.php
|--Mail/
   |--TwoFactorRecoveryCodes.php
Resources/
|--Views/
   |--Emails/
      |--two-factor-recovery-codes.blade.php
```

  

### Route

The route for this feature can be located in web.php with this line

```
Route::post('/user/two-factor-recovery-codes/email', 'App\Http\Controllers\EmailController@sendTwoFactorRecoveryCodes')->name('two-factor-recovery-codes.send');
```

You may check out Forstrap's github repository [here](https://github.com/mkfizi/forstrap)

# Future Updates & Recommendations
I am thinking of including more features that's authentication related such as SMS verification or a One Time Password verification. But I couldn't find a free solution without a paid options. Also, I intended to include QR Code email recovery but I found out that most of the email providers doesn't do well with svg codes. Let me know if you have any ideas or a new feature idea I should include in comment below.
Detecting outliers in a time series using tsmoothie in Python
Tags: python
Published: 2021-05-25 10:28:11

# What are outliers?
Outliers are data points that are far from most of the other data points.

In this example of time series, all the points outside the blue band can be considered as outliers.

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1og51id3bf6io500ozcd.png)

# How to get a list of outliers in a time series?
Here we will use a library called [tsmoothie](https://pypi.org/project/tsmoothie/).
It is a python library for time-series smoothing and outlier detection in a vectorized way.

On the time series in the figure: we can see that we have 4 outliers, we can get them by:
```


import numpy as np
from tsmoothie.utils_func import sim_randomwalk
from tsmoothie.smoother import LowessSmoother

data = df['value'].values.reshape(1, -1)

# operate smoothing
smoother = LowessSmoother(smooth_fraction=0.1, iterations=1)
smoother.smooth(data)

# generate intervals
low, up = smoother.get_intervals('prediction_interval')

points = smoother.data[0]
up_points = up[0]
low_points = low[0]

for i in range(len(points)-1, 0, -1):
    current_point = points[i]
    current_up = up_points[i]
    current_low = low_points[i]
    if current_point > current_up or current_point < current_low:
        print(f'found an outlier value: {current_point}')
```

 Considering that the data frame df has a column named 'value'.
So, we get this output after running the code:
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bspaxq5jnn2azatuja69.png)
Disclose what you collect
Tags: watercooler, webdev, opensource, privacy
Published: 2021-05-25 10:21:46

We are building [Offen,](https://www.offen.dev/?utm_source=forum&utm_campaign=180) a fair web analytics software that treats operators and users as equal parties. Operators can gain insights into how users interact with their services, while ensuring that they retain full control over their data.

**We have just drafted a standards proposition that will allow websites and services to disclose information about their use of analytics software and tracking software.** 

As this relates to our work on Offen, we want to give some insight into this matter.

The variety of privacy regulations worldwide and the consequently varying techniques for collecting usage data make web analytics a cluttered field. Terms such as "data protection" or "privacy-friendly" are widely used and show up regularly in consent banners and privacy statements of websites and services. 

Nevertheless, it is often difficult to find out what they really stand for in a specific case. Thats why we believe that a comprehensive description of the use of analytics and tracking is missing. It should be understandable for a non-technical audience, but also suitable for processing by software. 

Earlier this year, we started working on such a standard and named it `analytics.txt`. For now, it is available as a draft and waits to be discussed. We are actively looking for reviewers and welcome any feedback. Feel welcomed to take this idea forward together and get in touch with us. For more information on the standard and its implementation, have a look on the dedicated website.

[View analyticstxt.org](https://www.analyticstxt.org/?utm_source=forum&utm_campaign=180)
Resourses I Use For Web Development
Tags: webdev
Published: 2021-05-25 10:21:11

### **)[MDN Web Docs](https://developer.mozilla.org/en-US/)

MDN Web Docs is the almost go-to site for Web developers, so I didn't mention it here

### 1) [HTML Cheat Sheet](https://web.stanford.edu/group/csp/cs21/htmlcheatsheet.pdf)

```
A cheat sheet which contains all basic HTML tags and attributes
```

There are a lot HTML tags, each tags have their own attributes, each tag has a different function, this cheat sheet helps a lot with that type of problems, just download it and keep it around.

It also isn't a large sheet, just 2 pages with almost 10 times amount of information

### 2) [CSS Cheat Sheet](https://web.stanford.edu/group/csp/cs21/csscheatsheet.pdf)

```
All properties of CSS arranged on 2 sheets
```

There are a lot of CSS properties, many of which even I don't know exist, and they do dozens of things, which I havent bothered exploring yet. This sheet also has loads of info, which can act as your look up sheet, just keep it around

### 3) [Color Hunt](https://colorhunt.co/)
```
Helps choose appropriate color scheme for your side
```
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vbay8sil7i4ff919nhnn.png)
Color hunt is a site from which you can select an appropriate color scheme for your website so that it  looks sophisticated and doesn't look the all over the place types, it also has a chrome extension available

### 4) [Favicon](https://www.favicon.cc/)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qc3qwqve4zwny73zlxd9.png)
Favicon is one of the most known websites to design an appropriate icon for your webpage.

### 5) [Google Fonts](https://fonts.google.com/)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hresgzi0hi1i2xqvfia0.png)
Google Fonts has a variety of fonts which you can import and import for your website

### 6) [Flaticon](https://www.flaticon.com/)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gmdqv112nzbq1bkjf65f.png)
This website has a large collections from where I download icons and emojis when I have to put them in the website
How I made over $700 in sales with a Gumroad product (and how you can too)
Tags: webdev, programming
Published: 2021-05-25 10:10:00

_If you found value in this thread you will most likely enjoy my tweets too so make sure you follow me on [Twitter](https://twitter.com/VladPasca5)  for more information about web development and how to improve as a developer. This article was first published on my [Blog](https://vladpasca.hashnode.dev/)_

### First thing first, I created an audience

I didn't create it to promote an info product in the future, I created it because I loved to create content

So when I first thought about creating an eBook I was at 7-8k followers already

### How I came up with the idea?

I thought about all the questions I get in my DMs every day

And those were about: what resources to use, how to improve as a dev, advice for newbie devs, etc

So I thought: why not include a section about all of these topics in an eBook

Then I created the product on @gumroad and contacted @hustlewithcata to help me create the cover (highly recommended)

I decided to create the eBook as a Notion page since that is easier and looks better than a PDF

I was already working at the eBook for the last 7 days when I decided to open the Pre-Orders for the eBook

And that's what I did

I wrote a tweet where I announced that my eBook is available for Pre-Orders

Here is the tweet - https://twitter.com/VladPasca5/status/1379778483572776963?s=20

It performed well and brought over $100 in sales on the first day and Another $200 in the next 7 days until I launched

After 7 days I finished the product and decided to launch since I already had a few good reviews (which helped me a lot)

For the launch, I did the same thing, posted a tweet (this one https://twitter.com/VladPasca5/status/1382318721910202368?s=20) and waited

That tweet brought another $200 in sales so I was already at $500

The other $200 came from my pinned tweet (the one about the launch) and word of mouth

I didn't promote the eBook on Reddit or other social media platforms. Just Twitter

So here are all the stats after one month

>Over 1600 views
>Almost 100 sales
>$667 in revenue

So, how can you do this too?

1. Build an audience around something you are passionate about (and you're quite good at)

2. Find the problems your audience has

3. Think about the solution to solve that problem

4. Create that solution and put it into an eBook/video course

5. Promote it to your audience

One last thing...

It is not as hard as it might seem right now

I know, you might fail. But it doesn't matter

Treat it like a learning experience and you can only win.

Btw here is my eBook if you are interested -> https://gumroad.com/l/web-developer-knowledge

### The end

_I hope found this useful and if you did please let me know. If you have any question feel free to DM me on  [Twitter](https://twitter.com/VladPasca5) ._
Top 10 Open-Source Datasets For Object Detection In 2021
Tags: datascience, machinelearning, computerscience, database
Published: 2021-05-25 10:06:57

#[TOPIC: Top 10 Open-Source Datasets For Object Detection In 2021](https://www.analyticsvidhya.com/blog/2021/05/top-10-open-source-datasets-for-object-detection-machine-learning-in-2021/?fbclid=IwAR073CCGrCkQOKR11AxGRVL0Aj6YULKKuBr1ajysJ2qI9-I_t_-GfLVnpE4)

##UNDERSTANDING A MODEL ITSELF IS LESS CHALLENGING THAN KNOWING WHERE DATA SCIENTISTS SHOULD IMPLEMENT IT AS ITS UTILISATION DIFFERS FROM DATASET TO DATASET.

##ONE OF THE CHALLENGING SUBJECTS IN COMPUTER VISION, OBJECT DETECTION, HELPS ORGANISATIONS UNDERSTAND AND RECOGNISE REAL-TIME OBJECTS WITH THE HELP OF DIGITAL PICTURES AS INPUTS. HERE, WE HAVE POSTED THE COMPLETE OPEN-SOURCE DATASETS ONE CAN USE FOR OBJECT DETECTION PROJECTS.

##Here is a listing of the Top 10 Datasets for 2021 that we believe every data scientist should study.

{#machinelearning #neuralnetworks #deeplearning #datascience #python #data #objectdetection #imageprocessing #computervision #opensource #datasets}
Don't throw the infra baby out with the bathwater
Tags: video, devops, infrastructure, podcast
Published: 2021-05-25 09:45:15

{% youtube ZZOanXnead4 %}

In this episode of The Tiny DevOps Podcast, Jonathan talks with guest Patric Conant about an often-overlooked aspect of our technology stack: the physical infrastructure.  Patric talks about some common problems he sees, and some simple tips to make sure your team doesn't fall into the common trap of throwing the "infrastructure baby" out with the bathwater.
SpreeConf 2021
Tags: rails, ruby, spreecommerce, opensource
Published: 2021-05-25 09:12:38

SpreeConf is all about sharing Ecommerce know-how. We’ve invited developers, founders, and industry experts behind some of the most successful businesses using Spree from around the world.

**When & where:**
June 24th, 2021 
5.00 PM GMT / 12.00 PM ET / 9.00 AM PT
#ONLINE

In the Agenda:
-> What future holds for Spree Commerce – presenting Spree 2021 and 2022 roadmap by Damian Legawiec, Spree Commerce open-source Tech Lead
-> Case studies of successful businesses and other open-source projects using Spree Commerce

**Register now & join SpreeConf:** https://spreecommerce.org/spree-conf-2021/
Spring Bean Post Processors
Tags: springbean, processors
Published: 2021-04-28 17:43:23

https://grokonez.com/spring-framework/spring-bean-post-processors

Spring Bean Post Processors


The <strong>BeanPostProcessor</strong> interface helps us provide our own methods before the initialization of beans and likewise after the initialization of the bean.

<strong>BeanPostProcessor</strong> are common for all beans in the container where it is defined, so it is different from <strong>@PostConstruct</strong>, <strong>InitializingBean</strong> and <strong>custom init method</strong> which are defined on the bean itself.

Related Article: <a href="https://grokonez.com/spring-framework/spring-core/spring-bean-life-cycle-callback-interface-custom-method-annotation-aware-interface" target="_blank">Spring Bean Life Cycle</a>

<!--more-->
<div id="tuttoc" class="jsa-toc"></div>

<div id="tutcontents">
<h2>I. Technology</h2>
- Java 1.8
- Maven 3.3.9
- Spring Tool Suite – Version 3.8.1.RELEASE
- Spring Boot: 1.4.0.RELEASE
<h2>II. Overview</h2>
<h3>1. Where is it?</h3>
The IoC container calls <strong>BeanPostProcessor.postProcessBeforeInitialization()</strong> before <strong>@PostConstruct</strong> and <strong>InitializingBean.afterPropertiesSet()</strong> method, then calls <strong>BeanPostProcessor.postProcessAfterInitialization()</strong> (after <strong>custom init method</strong>).
<img class="alignnone size-full wp-image-1277" src="https://grokonez.com/wp-content/uploads/2016/09/beanpostprocessor-overview.jpg" alt="beanpostprocessor-overview" width="750" height="469" />
<h3>2. Goal</h3>
To build a simple application that expresses how we can use Bean Post Processor methods in a Spring Bean Life Cycle.
<h3>3. Project Structure</h3>
<img class="alignnone size-full wp-image-1278" src="https://grokonez.com/wp-content/uploads/2016/09/beanpostprocessor-project-structure.jpg" alt="beanpostprocessor-project-structure" width="337" height="223" />
<h3>4. Step to do</h3>
- Create Spring Boot project
- Create Class for Bean
- Create Service
- Create Spring Bean Configuration File
- Add commands to SpringBootApplication Class
- Run Spring Boot Application &amp; Enjoy Result
<h2>III. Practice</h2>
<h3>1. Create Spring Boot project</h3>
Open <strong>Spring Tool Suite</strong>, on <strong>Menu</strong>, choose <strong>File</strong> -&gt; <strong>New </strong>-&gt; <strong>Spring Starter Project</strong>, then fill each fields:
<img class="alignnone size-full wp-image-1280" src="https://grokonez.com/wp-content/uploads/2016/09/beanpostprocessor-startproject.jpg" alt="beanpostprocessor-startproject" width="550" height="429" />

Click <strong>Next</strong> and <strong>Finish</strong>. Spring Boot project will be created successfully.

https://grokonez.com/spring-framework/spring-bean-post-processors

Spring Bean Post Processors
Another 100 CSS loaders for your next project
Tags: css, webdev, beginners, html
Published: 2021-05-25 09:02:36

Ready for the second set of loaders? Yes, it's again me with another collection of 100 CSS loaders. Now you have a total of 200 different loaders!

Like the previous one, only **one** `<div>` per loader.

Happy loading! 🙃 

----
<center>Also available online 👇</center>
## <center>[css-loaders.com](https://css-loaders.com/)</center>

----

## Table of content

* [The Classic II](#the-classic-ii)
* [The Dots II](#the-dots-ii)
* [The Hypnotic](#the-hypnotic)
* [The Spinner II](#the-spinner-ii)
* [The Shuriken](#the-shuriken)
* [The Progress II](#the-progress-ii)
* [The Flipping](#the-flipping)
* [The Wobbling II](#the-wobbling-ii)
* [The Shapes II](#the-shapes-ii)
* [The Arcade](#the-arcade)

---

### The Classic II

{% codepen https://codepen.io/t_afif/pen/oNZwvye %}

### The Dots II

{% codepen https://codepen.io/t_afif/pen/VwpWZBr %}

### The Hypnotic

{% codepen https://codepen.io/t_afif/pen/poewzOz %}

### The Spinner II

{% codepen https://codepen.io/t_afif/pen/yLMXBRL %}

### The Shuriken

Even "Ninja" Developers need loaders 😉

{% codepen https://codepen.io/t_afif/pen/jOBwNeg %}

### The Progress II

{% codepen https://codepen.io/t_afif/pen/JjWJPwN %}

### The Flipping

{% codepen https://codepen.io/t_afif/pen/KKWqPJP %}

### The Wobbling II

{% codepen https://codepen.io/t_afif/pen/wvJewNO %}

### The Shapes II

{% codepen https://codepen.io/t_afif/pen/wvJewOO %}

### The Arcade

{% codepen https://codepen.io/t_afif/pen/PopjYgx %}

---

### That's it!

See you next collection. Yes, there will be another collection with more fancy loaders so stay tuned and don't forget to ❤🦄 This one!

Until then I invite you to check some of my old collections:

{% post https://dev.to/afif/another-100-underline-overlay-animations-the-extended-css-collection-574c %}
Laravel Left Join Query Example Tutorial
Tags: laravel, programming, php, tutorial
Published: 2021-05-25 08:58:28

hi Dev,

In this article, I will expound you to utilize left join query builder in laravel project. i will indite simple left join query utilizing laravel query builder. we will utilize db(), join() to indite left join query in laravel.

Laravel left join example. In this tutorial, you will learn what is laravel left join and how to utilize left join in laravel. And As well as how to utilize laravel left join with multiple where conditions.

Note that, data has to be fetched from more than one table. At that time the joins are used in laravel.

If you are utilizing laravel left join eloquent with a query builder, At that time, laravel left join fetch data from the left table. Even if there is no match in the right table. So the result is null from the right side.

Now, The first argument passed to the join method is the designation of the table you require to join to, while the remaining arguments designate the column constraints for the join. You can even join to multiple tables in a single query.

More..

https://codingtracker.blogspot.com/2021/05/laravel-left-join-query-tutorial-example.html
How to Install Kubernetes on Ubuntu 21.04 | Install Kubernetes on Ubuntu | Install kubernetes
Tags: devops, kubernetes, ubuntu
Published: 2021-05-25 08:40:44

{% youtube 15pdT15NUrk %}

In this lab session we will focus on how to setup your Kubernetes cluster on Ubuntu 21.04. 

Benefits of local k8s cluster - 
1. You do not need to pay cloud services for learning purpose
2. You can destroy and rebuilt everything as many times as you can using virtual machine
3. You know what you are doing.

Read more detailed blog post at - https://jhooq.com/14-steps-to-install-kubernetes-on-ubuntu-18-04-and-16-04/
how can i check my laravel version
Tags: laravel, php, cli, webdev
Published: 2021-05-25 08:17:14

In this short tutorials we will see how can we check our laravel version 


### 1)First method by CLI

we can run this command in your project

php artisan tinker

```php
php artisan --version
or
php artisan -v
```

### 2) Second Method

we can check laravel version in the composer.json file in root directory.

```php
{
    "name": "laravel/laravel",
    "type": "project",
    "description": "The Laravel Framework.",
    "keywords": [
        "framework",
        "laravel"
    ],
    "license": "MIT",
    "require": {
        "php": "^7.3|^8.0",
        "austintoddj/canvas": "^6.0",
        "fideloper/proxy": "^4.4",
        "fruitcake/laravel-cors": "^2.0",
        "guzzlehttp/guzzle": "^7.0.1",
        "laravel/framework": "^8.12",
        "laravel/tinker": "^2.5"
    },
}
```
we can see in composer.json laravel framework version also many library version

```php
"laravel/framework": "^8.12",
```

visit my website [larainfo.com](https://larainfo.com/)
### Read also 
[3 way to install bootstrap 5 in laravel 8](https://larainfo.com/blogs/3-way-to-install-bootstrap-5-in-laravel-8)
[Laravel php artisan inspire command](https://larainfo.com/blogs/laravel-php-artisan-inspire-command-that-can-inspire-you)
[Laravel clear cache without using artisan command](https://larainfo.com/blogs/laravel-clear-cache-without-artisan)