teleren/devto huggingface dataset:
flask blog app
Tags: python, flask, database, datascience
Published: 2021-08-27 09:54:54

###flask blog app

Flask is a micro web framework written in Python. It is classified as a microframework because it does not require particular tools or libraries. However, Flask supports extensions that can add application features as if they were implemented in Flask itself.

Our last project to be done for the lux tech academy was making an application/system that has all the features a login authentication system should have, these features are:

* Users can log in only if their credentials are present in the database.

* Without logging in, the user cannot go to the next page, even using that particular page's routes.

* When logged in, the user can go to other pages using routes.

* After clicking on logout, the user cannot go to the next page again using routes.

* If the email or username already exists in the database, the user will not create the account.

Requirements needed

###Create an environment
####Create a project folder and a venv folder within:

macOS/LinuxWindows
```
> mkdir myproject
> cd myproject
> py -3 -m venv venv
```

####Activate the environment
Before you work on your project, activate the corresponding environment:

macOS/LinuxWindows
```
> venv\Scripts\activate
```

Your shell prompt will change to show the name of the activated environment.

Install Flask
Within the activated environment, use the following command to install Flask:
```
$ pip install Flask
To Run the code
still in your virtual enviroment:
set FLASK_APP=nameOfFile
```
lastly,
```
flask run
```

I have had an amazing experience through this bootcamp and I have been able to learn way a lot thus being very much grateful.
Check out the code  [here](https://github.com/rukundob451/flask_blog)
Releasing workingoutloud.dev
Tags: product, vercel, nextjs, typescript
Published: 2021-08-27 10:15:06

_**I write content for AWS, Kubernetes, Python, JavaScript and more. To view all the latest content, be sure to [visit my blog](https://blog.dennisokeeffe.com) and subscribe to my newsletter. [Follow me on Twitter](https://twitter.com/dennisokeeffe92).**_

A small little weekend idea that I had been tinkering over for awhile was a way to record my day-to-day activities and todos in a public manner.

I am glad to say that I finally sat down for a morning and built out [workingoutloud.dev](https://workingoutloud.dev/)!

![Website opengraph](https://cdn.dennisokeeffe.com/assets/opengraph/workingoutloud-dev.png)

The aim of this site is to share what I choose to do each day and publicly share what I do manage to get done, as well as things I planned but did not get to.

It is also designed to be a timeline to include blog releases and celebratory moments!

## The build

The website uses Next.js, Chakra UI, TypeScript and is hosted on Vercel.

## Moving forward

As the site continues to grow, I will be adding more features. Things I am hoping for:

1. Charts to visualise data such as burndown, completed tasks, and more.
2. A guest book that self-manages positive content.
3. Potential to expand and allow others to contribute their own "working out loud" content.

_Photo credit: [bkgoh785](https://unsplash.com/@bkgoh785)_


_Originally posted on my [blog](https://blog.dennisokeeffe.com/blog/2021-07-25-workingoutloud-dev-released). To see new posts without delay, read the posts there and subscribe to my newsletter._
What's new in Polyphony and Tipi - August 2021 edition
Tags: ruby, http, concurrency
Published: 2021-08-27 10:14:29

---
title: What's new in Polyphony and Tipi - August 2021 edition
published: true
description: 
tags: ruby, http, concurrency
//cover_image: https://direct_url_to_image.jpg
---

[Polyphony](https://github.com/digital-fabric/polyphony) is a library for writing highly concurrent Ruby apps. Polyphony harnesses Ruby fibers and a powerful [io_uring](https://unixism.net/loti/what_is_io_uring.html)-based I/O runtime to provide a solid foundation for building high-performance concurrent Ruby apps.

[Tipi](https://github.com/digital-fabric/tipi) is a new Polyphony-based web server for Ruby. Tipi provides out of the box support for HTTP/1, HTTP/2, and WebSocket. Tipi also provides SSL termination (support for HTTPS) with **automatic certificate provisioning** and automatic ALPN protocol selection.

Here are [the latest updates about Polyphony and Tipi](https://noteflakes.com/articles/2021-08-26-polyphony-august-edition).
WordPress Login Plugins: Hol mehr aus dem Login deines Blogs heraus
Tags: wordpress, wordpressplugins
Published: 2021-08-27 10:31:59

---
title: WordPress Login Plugins: Hol mehr aus dem Login deines Blogs heraus
published: true
date: 2021-08-27 10:14:10 UTC
tags: WordPress,WordPressPlugins
canonical_url: https://bloggerpilot.com/login-plugins/
---

![WordPress Login Plugins](https://bloggerpilot.com/wp-content/uploads/2021/08/login-plugins.png)

Es ist der absolute Klassiker und vermutlich eines der größten...

Zum [Original-Artikel](https://bloggerpilot.com/login-plugins/)
Lookup Kubernetes Resources inside Helm Charts
Tags: containers, kubernetes, helm
Published: 2021-08-27 10:10:05

---
title: Lookup Kubernetes Resources inside Helm Charts
published: true
description: Kubernetes Resources in Helm Charts
tags: containers, kubernetes, helm
cover_image: https://assets.mkdev.me/posts/covers/000/000/012/original/mkdev_article.png
---
Let's look at one of the lesser known and used Helm features - the lookup function:

{% youtube _oSrLtaE9Sw %}

***

*You can always hire [our mentors](https://mkdev.me/en/specializations) and learn directly from them!*
Run tests on commit
Published: 2021-09-18 17:49:11

---
title: Run tests on commit
published: true
date: 2021-08-27 10:05:02 UTC
tags: 
canonical_url: https://dcblog.dev/run-tests-on-commit
---

Go into git hooks folder and copy pre-commit.sample to pre-commit

```

cp .git/hooks/pre-commit.sample .git/hooks/pre-commit
```

then edit it with vim:

```

vi .git/hooks/pre-commit
```

clear the contents by pressing **dG** to clear the contents.

Next to into insert mode by pressing **i**

now paste in:

```

#!/usr/bin/env php
<?php
echo "Running tests.. ";
exec('vendor/bin/phpunit', $output, $returnCode);
if ($returnCode !== 0) {
    // Show full output
    echo PHP_EOL . implode($output, PHP_EOL) . PHP_EOL;
    echo "Aborting commit.." . PHP_EOL;
    exit(1);
}
// Show summary (last line)
echo array_pop($output) . PHP_EOL;
exit(0);
```

Now save and exit by pressing **ESC** then **:wq** to write and quit

now every commit will run the tests suite.

So you only want to do this where you have tests passing or you can't move forward until you fix the tests.
Why must you choose MEAN stack development for your next project?
Tags: meanstackdevelopmentservices, meanstackwebdevelopment, meanstackdevelopmentcompanies
Published: 2021-08-27 09:58:08

MEAN is an acronym for MongoDB, Express.js, Angular.js, and Node.js. It is mainly a collection of full-stack JavaScript frameworks. This is an open stack for developers for building a swift and systematic approach that creates prototypes of MEAN-based web applications. 

This is the most used framework that is best for creating dynamic applications and websites. **<a href="https://theninehertz.com/mean-stack-development-company-services">Mean stack web development</a>** gives various benefits to developers through which they can make robust web applications that bring success. 

Here we mention some reasons why you should opt for mean stack development services ​for your next project. So, let's begin with this. 

**High Flexibility**
One of the greatest advantages of mean stack development is its flexibility. The developers can easily develop, test, deploy the app without facing any kind of trouble. In addition, it also allows you to add extra information once you join a field to the form.

**Mean is Isomorphic**
Mean enables smooth isomorphic coding. This indicates that mean stack development companies can move their programmed code from one framework to another without any hassle. In simple words, isomorphic codes are what can be written in one framework and can be re-used in other frameworks. 

**Well Suited for the Cloud**
Mean stack web development utilizes public depositories and libraries for the app building process, which also reduces the overall expense of development. Moreover, MongoDB also adopts cloud functionalities in the app that ultimately results in overcoming the disk space rate. This is considered the most famous advantage of using the mean stack for your project. 

**Uses Single Language**
As we discussed above, the mean stack uses JavaScript, which means that each technology involved inside it is based on JavaScript. This single language makes creating the application more comfortable since everything from maintaining frontend, configuring databases, to server-side administration is achieved via using JavaScript.

**Open Source and Cost-Effective**
The mean stack is an open-source platform. And when it comes to cost, a mean stack development company will never charge any kind of licensing fees. Also, you need to hire only a few developers who are skilled in developing JavaScript-based apps. 

**Conclusion**

You see there are so many reasons that ensure you choosing the mean stack development for your next project is an ideal choice. From developing single-page applications to high-level-complicated apps, Mean grants developers a flawless platform to develop dynamic applications without any hassles and in a cost-effective manner. So, hire the best **<a href="https://askcorran.com/how-mean-stack-development-can-reduce-your-project-cost/?fbclid=IwAR3j4MPQB3WGkC96pWDJDDOYAKn8-Cc6m-YmN8KytBaSn1ijiTN9SLOn-yU">mean stack development company in India</a>** and across the world to get more benefits for your business.
Free Resources for Developers
Tags: webdev, programming, news, javascript
Published: 2021-08-27 09:56:43

### Who doesn't love free things?

### nobody

Henceforth, I present before you a curated list of design and UI resources, from stock photos, web templates, CSS frameworks, UI tools, libraries and much more.

***[Dev Resources](https://devresources.gitbook.io/devresources/)*** is a compilation of the most important resources for developers compiled and stacked into one website for you to access. If you use this product, please do like this post and follow my socials.

Below listed are some of the popular listings.

[UI Design Daily](https://uidesigndaily.com/)​ - Awesome UI Components of all types 

[Free Typography](https://freetypography.com/) - A list of high quality fonts

[BootstrapMade](https://bootstrapmade.com/) - Elegant, clean and beautiful free 
templates using Bootstrap.

[HTML5Up](https://html5up.net/) - Very modern, unique responsive HTML5/CSS3 themes

[WhatRuns](https://chrome.google.com/webstore/detail/whatruns/cmkdbmfndkfgebldhnkbfhlneefdaaip?hl=en) - Discover what runs a website. Frameworks, Analytics Tools, Wordpress Plugins, Fonts - you name it.

[Vectr](https://vectr.com/) - Free vector graphics software

[Get Waves](https://getwaves.io/) - A free SVG wave generator to make unique SVG waves for web design

[Freeble](http://freebbble.com/) - Vectors, patterns, mockups and more

[Lukaszadam](https://lukaszadam.com/) - Free Vector artworks

[Illlustrations](https://illlustrations.co/) - Beautiful 100 Illustrations - png, svg

[Pexels](https://www.pexels.com/) - Free stock photos shared by talented creators

[Unsplash](https://unsplash.com/) - The internet’s source of freely usable image

[Mix Kit](https://mixkit.co/) - Stock video clips & music

[Favicon.io](https://favicon.io/) - Generate a favicon from text, from an image, or from an emoji. Download in .ico and .png formats

[LogoSear.ch](https://logosear.ch/search.html) - Search engine with over 200,000 SVG logos indexed

[SVGPorn](https://svgporn.com/) - 1000+ high-quality SVG logos

[Remix Icon](https://remixicon.com/) - Simply Delightful Icon System

[Iconmonstr](https://iconmonstr.com/) - Discover 4496+ free icons in 313 collections

[Angry Tools](https://angrytools.com/) - Free web tools for speed up your development.

[Rapid API](https://rapidapi.com/hub) - Discover and connect to thousands of APIs.

[Read More...](https://devresources.gitbook.io)

**If you wish for a category or listing to be added, you can comment here below or shoot me an [email](mailto:abhirajbhowmick27@gmail.com)**

*You can buy me a [coffee](https://www.buymeacoffee.com/rainboestrykr) to support me*

![enter image description here](https://www.pvfm.org.au/wp-content/uploads/2021/08/bmc-large.png)
Laravel Shopping Cart Example Using Ajax Request
Tags: laravel, ajax
Published: 2021-08-27 09:47:01


Hi Dev,

This post is focused on laravel add to cart with ajax example. i explained simply step by step laravel shopping cart ajax. let’s discuss about laravel add to cart session example. We will use laravel ecommerce add to cart. So, let's follow few step to create example of add to cart using session in laravel.

In this tutorial i will show you how to create add to cart functionality in laravel step by step. when we work with ecommerce project then we must need to create add to cart function. you can use this example with laravel 6, laravel 7 and laravel 8 version.

in this example, i will create products table and display in list. you can add to cart that product. also created cart page where you can change product quality and remove product from there, so let's see bellow image follow bellow step.

https://www.codecheef.org/article/laravel-add-to-cart-example-using-ajax-request
Automating PR comments with Github CLI
Tags: github, bash
Published: 2021-08-27 09:39:43

As an engineer, my day-to-day involves reviewing pull requests (PRs). Oftentimes these are small changes and I would review around 30 PRs per week.

For me to approve a request, I need to trigger different checks by commenting on the PR. If you're going through the same struggle every day, here is how to automate this process with _Github CLI_.

#Installation
On macOS: make sure you have 'brew' installed and run
```
brew install gh
```

#Bash script
We're going to write a small bash script that fetches all open PRs and creates a comment.

On your console `cd` to the directory of the repository that the pull requests are in. `gh pr list` will allow us to find all open PRs. 

Depending on your needs you can find different flags in the [documentation](https://cli.github.com/manual/gh_pr_list). For my work I usually look at all PRs with a certain title, the query is `gh pr list -S "<YOUR SEARCH>"`. To make a comment, we need the PRs ID, which is called *number* in *Github*. We can extract that by telling `gh` to output a *JSON*.

With the command-line *JSON* processor *jq* we're getting the `number` of the PR:
```
gh pr list -S "<YOUR SEARCH>" --json "number" --jq '.[].number'
```

Looping over the results we can add a comment to every PR in our list. This is the final snippet:
```
for prNumber in $(gh pr list -S "<YOUR SEARCH>" --json "number" --jq '.[].number'); do
    echo "Triggering PR no. $prNumber\n"
    gh pr comment $prNumber --body "<YOUR MESSAGE>"
done
```

And we're done. This will leave a comment on all the PRs from your search query. 

*[Photo by Anna Shvets from Pexels](https://www.pexels.com/photo/elderly-woman-reading-book-in-room-5231267/)*
How to steal a unit test framework and get away with it.
Published: 2021-08-27 09:24:33

Yet another RhinoJS post, despite my constant complaints, RhinoJS presents a challenge, it has no community, no fanbase, barely any love and worst of all, there is no way to run a unit test framework inside RhinoJS, so you can't test code.

A quick Google "how to write a JavaScript unit test framework" was not the first thing I tried, I attempted to shoehorn both Jest and Mocha into Rhino over two separate attempts, even using a special browser build to see if that works... No dice, so yeah back to Google.

As it turns out, Rhino is a lot easier to work with if you start it from node.js but you still have to solve a bunch of issues
- finding tests
- pretty test output
- test syntax

I used glob to find all the tests then serialised the paths, passing them as spawn arguments to Rhino... Well kind of rhino, I opted for ringo instead as it's more node.js like with a stdlib I can understand easily.

Now that we add a rhino.js entry file, this is the handshake as the rest of the work is done in rhino.js (I did want to do IPC with node so I could use the superior logging libraries in node.js but it's not easy).

We have our globs to `.test.js` files, now let's do a bad thing, let's require all the tests in a loop. It is also possible to read the test files using "fs" then `eval()` the string of test file but that's probably just for injecting variables at the head of the file, I instead opted for each test to export a function and then inject the test framework into the loop of calls to require.

Now then we have tests that are being injected with methods such as `describe` and `it` these just work via a try catch, where each error is actually the result of a throw from Chai, did I mention Chai yet, yes I was able to make Chai run in Rhino so I get lots of assertion goodness!

Lastly we need a way to evaluate and manipulate files with no module system 😭 yes that's right it's globals and no exports like the bad old days, well the workaround is to wrap the eval() file to test in a function inside the string, pass in dependencies to allow the test to run a d then make the test return the results of variables that we need to capture the result of.

It's all a little complex so I should showdev this effort soon.

I hope you enjoyed my notes on something you will probably never have to do 😬
Why closed captions in your public speaking may make a difference
Tags: a11y, inclusion, diversity, people
Published: 2021-08-27 09:23:51

**This post was originally published on Wed, Aug 25, 2021 at [cloudwithchris.com](https://www.cloudwithchris.com/episode/closed-captions-make-a-difference/).**

People with hearing impairments are often overlooked, yet they are actually in greater numbers most people believe. In this talk, I’ll give insight to those people. I know this of my own experience since I am deaf user with Cochlear Implants which gives me a hearing back, but it is not a full hearing as you might hope for. I also can give some insights for other people who are less impaired because I’ve am a co-founder of two national associations in Switzerland.

{% youtube tP2QlZZXIcY %}
8 Free Icons Resources For Web Developer
Tags: webdev, webpack, resource, discuss
Published: 2021-08-27 09:12:53

Here are some top free icons resources for free 

#3D Christmas Icons
A pack of 3D Christmas icons that you can add to your resource library to use in the next holiday season. Great work by Scott!
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wb4jcxuxp6gm6x25rdla.png)
**Download :-** https://bit.ly/3mIr8pr 

#Line Icon Set
Here’s a cool line icon set that you can use in your upcoming design projects. Thanks to Maria Mishchenko for sharing this resource.
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/f7o2zsnlitsex6lge5us.png)
**Download :-** https://bit.ly/3yhxCNT

#100 Flat Icons
Cheers to Varun Soni for making this set of 100 flat icons available for download.
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k25tw4tji491zcvssm1h.png)
**Download :-** https://bit.ly/3BvBvB9

#Social Icons
The author of this set of social icons is Alex Martinov.
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z2ptnwn3mzl4rk6uq37g.png)
**Download :-** https://bit.ly/3mBTuBu

#Glass Icons Set
A set of icons with a frosted glass look and feel made using Sketch. It was very kind of J.hong to share this resource!
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tb2agcjq1wqwymofropt.png)
**Download :-** https://bit.ly/3sSsleT

#Icon Set Sketch Library
This icon set sketch library crafted by Maksym Potapenko might be of use in your next design project. Don’t forget to check out other resources made by the author.
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h1rczqohbautnx770s0a.png)
**Download :-** https://bit.ly/3Bg5uwz

#150 Basic Interface Icons
Check out these 150 interface icons which make a great addition to any designer’s resource library. Big thanks to Natasha Vnuk for this freebie!
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xwmr2b58gm6fizui3lcl.png)
**Download :-** https://bit.ly/38kk5KV

#3D Icons Pack
A pack of 3D icons available for Sketch that you can utilize when designing a website or an app. Thanks to Akshay Salekar for sharing this freebie!
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mnz43jr8oitf85av7fj2.png)
**Download :-** https://bit.ly/2UVmrNs 

**follow on instagram**

**Note:-** visit my youtube channel for frontend tutorials

**subscribe to my youtube channel :-** https://www.youtube.com/channel/UCR64vQptythbJ1SmI-ub0Rg

**Resent post :-** 
{% link https://dev.to/innocentcoder/top-8-popular-websites-to-get-freelance-work-4gkd %}
Getting Node.js 16 in Replit
Tags: replit, discord, node, bot
Published: 2021-08-27 08:51:11

Hey! It's me, Aozora and this is my first post on DEV.

Anyway, get to the point. 
Discord.js v13 has been released with additional features like slash command, button, select menu, and context menu (coming soon) but Discord.js v13 requires Node.js 16.6 or above to work properly.
Unfortunately this is a nightmare for Replit users because Replit only supports v12 for Node.js and v14 for Bash.

Hey, don't worry. Here I will tell you the solution. Did you know that Replit has just released Nix (Beta) as a new programming language choice?
Well... We'll use that.
Oh, you don't know what Nix is?
You guys look it up yourself on Wikipedia because I'm... you know, kind of lazy.
Anyway, let's get started.

1. Go grab some snacks because reading without eating is boring.

2. Create a new project in your Replit then select `Nix (beta)` as your project language.
![DaProject](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s2b5cdtuajrrqgcvr3b5.JPG)

3. After the editor opens, press 3 dots (I don't know what it's called) then press `Show config files`.
![DaOptions](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3lxiys4700q2mn2dpo9k.JPG)

4. Press the `replit.nix` file , delete all the codes that writed on it, then type this code (or you can use Ctrl + C and Ctrl + V if you are lazy.
    ```
    { pkgs }: {
      deps = [
        pkgs.nodejs-16_x
      ];
    }
    ```

5. Press the `.replit` file then type this.
    ```
    run = "npm start"
    ```

6. Don't forget to add this in your `package.json`.
    ```json
      "scripts": {
        "start": "node index.js"
      },
    ```

After everything is done, run your project and something like `Loading Nix environment...` will appear in your project console.
And we're done. Now you can use Discord.js v13 in your Replit project.