teleren/devto huggingface dataset:
Setting up a free PostgreSQL database on Heroku
Tags: postgres, heroku, database
Published: 2021-10-22 12:26:03

Recently I wanted to explore Postgres databases for a specific use case. However, this use case needed the database to be hosted online.

Then I found out you can quickly set up a free Postgres database on Heroku!

In this article, I'll show you how you can also create your own free Postgres database.

Do note this database will be limited to the free plan. It's easy for prototyping but might be too limited for your existing apps.

## Set up Heroku and your first app

First of all, we need to create or log into our Heroku account. Do todo this head over to their website and follow the login/signup process.

[Heroku website](https://id.heroku.com/login)

Once your login, add a new app by clicking the "new" button.

![Heroku add new app](https://cdn.hashnode.com/res/hashnode/image/upload/v1634015661134/0ghl_rPa1.png)

Give this app a name and pick a region that works for you.

![Heroku new app](https://cdn.hashnode.com/res/hashnode/image/upload/v1634015743108/4Ep29LId_.png)

Once your app is set up, we need to visit the resource panel and search for 'Postgres' to add this add-on.

![Add Postgres to Heroku](https://cdn.hashnode.com/res/hashnode/image/upload/v1634015864103/pgrXYktQJ.png)

On the next step, it's crucial to pick the hobby tier as this is the only free one.

![Hobby tier Postgres on Heroku](https://cdn.hashnode.com/res/hashnode/image/upload/v1634015908670/XajK7DgYm.png)

## Viewing the database credentials

To find the database credentials click on the Postgres add-on in your resource overview.

![Open up Postgres details](https://cdn.hashnode.com/res/hashnode/image/upload/v1634016013250/p1VIV_34A.png)

This will open up a new page where you can view the actual Postgres database in more detail.
To find the credentials open up the settings menu.

![Credentials for Postgres on Heroku](https://cdn.hashnode.com/res/hashnode/image/upload/v1634016085277/yW4MwU3fz.png)

Use these credentials in a [database explorer](https://daily-dev-tips.com/posts/top-5-mysql-clients-for-mac/) for instance to connect to it. (I'll be using TablePlus)

![Connect to Postgres on Heroku](https://cdn.hashnode.com/res/hashnode/image/upload/v1634016412652/0ydck_QKn.png)

And there you go, we now have a free Postgres database we can use!

### 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)
Third Party Authentication using Huawei's Auth Service
Tags: huawei, android, auth, appgallery
Published: 2021-10-22 12:21:45


Auth Service provided by AppGallery Connect supports multiple third-party authentication modes such as HUAWEI ID, WeChat, QQ, Facebook and Twitter, covering most popular sign-in methods. Today we take a look at two issues that you might come up against when integrating the Auth service using a third party.

## Result code:‭‭‭‭‭‭ 203817990‬   Error message: fail to get third user union id‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬
This error usually occurs when we integrate HUAWEI ID authentication. When we sign in to an app with a HUAWEI ID, Auth Service has to obtain the UnionID from the account. However, if you have not enabled the UnionID for your app, it will not be obtainable.
To enable the UnionID:
* Sign in to HUAWEI Developers with your developer account.
* Click Console and
* go to App services > Development >HUAWEI ID.

![Huawei console showing to click on Huawei ID](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rk1nr8svzatxiopsnrv1.png)

* Click Update in the Operation column for the app. Then select Enable for UnionID.
 ![Image showing tick box to enable UnionID](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/c74yzdx4u3vymbpd5c2q.png)

## Error code: 203818033 Error message: google response aud not equal to appid
This error occurs when we integrate Google account authentication. This is because the value of the aud parameter carried by the ID token is not the same as the app's ID in Google. According to the Google's official documents, the value of aud should be equal to the app's ID specified by Client ID on Google Cloud Platform.
The aud parameter is the client ID in the Google account management console.
![Image highlighting appid in google cloud platform](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m9w7xw0r56kdx6yvxcn6.png)

To resolve this problem, configure the app's client ID to Client ID when you enable Google authentication mode in AppGallery Connect.

![Image showing popup to enter correct client id in huawei console](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qngmvhpbbimd7915ce8t.png)
Dev Protocol - Open Source Community for Blockchain technology is now Open!
Tags: blockchain, opensource, webdev, beginners
Published: 2021-10-22 12:03:25

Dev Protocol is now open to Open Source Community, everyone can join on [GitHub organization](https://github.com/dev-protocol/community/issues/new?assignees=&labels=github-invitation&template=invitation.yml&title=Please+invite+me+to+the+community) and chat on their [Discord server](https://discord.com/invite/VwJp4KM).

We are making the [Web3 Community](https://github.com/web3community) an educational platform for aspiring blockchain developers and we will still continue creating open-source projects. [Dev Protocol](https://github.com/dev-protocol) is where you can contribute to real decentralized applications (dApps) so you can utilize and enhance your skills.

### Key Points
✅ Accelerate your learning by contributing with our dApps open-source
✅ Get interact more with Web3 and Blockchain
✅ Interact with great members

### What’s next?
Dev Protocol will be having a hackathon, volunteering program, and many exciting programs in the near future.
RubyRussia 2021 online: Yukihiro Matsumoto, 4K quality, and round tables
Tags: ruby, eventdriven, writing, webdev
Published: 2021-10-22 11:42:49

RubyRussia is the largest international conference on the Ruby programming language held in Russia. Evrone brings together the main Russian and world experts in both Ruby and Rails. In 2021, RubyRussia was held for the 12th time, and for the second time, we held it in an online format. Despite this, RubyRussia 2021 was the largest, in terms of the number of registered participants, with 1,576 attendees. Thanks to everyone who was with us!
[Why did we go online again? Find out in the article!](https://evrone.com/rubyrussia-2021)
How to do a Google Account Recovery without a phone number?
Tags: programming, javascript, beginners
Published: 2021-10-22 11:32:13

Do you want to recover your google account but forgot your recovery phone number and don’t know how to do a Google Account Recovery without a number then you have knocked on the correct door to know about this. Here you will know how to recover a Google account without a phone in just seconds you just need to click on this link and you will know about account recovery in a fraction of a second.  https://www.myaccountrecovery.com/google-account-recovery/
How to add a border image in HTML and CSS using the CSS border-image property
Published: 2021-10-22 11:28:35

In this post, I will show you how to add a border image in HTML and CSS using the CSS border-image property. 
We will be using the CSS Border-Image property, which allows us to use an external SVG file as a border for our HTML elements. In addition to that, we're going to explore some of the properties of the Border-Image property such as repeating or non-repeating images!

**Video Tutorial:**
{% youtube DZZAJU9LG1s %} 

In this tutorial, I will also show you how to add a border image in HTML and CSS. 
We will be using the CSS Border-Image property, which allows us to use an external SVG file as a border for our HTML elements. In addition to that, we're going to explore some of the properties of the Border-Image property such as repeating or non-repeating images!

If you found this video helpful please share the video and SUBSCRIBE to this YouTube channel. Please share your thoughts and queries in the comments below! 

****************************
The best tool for YouTube Ranking, Get a special discount now!
  Link:  https://bit.ly/2XrNfWS

****************************
- Please have a look at my website for more details!
     https://www.hmablogs.com/
- Place an order for any Web Development work!
         https://www.fiverr.com/haaddison1?up_rollout=true
------------------------------------------------------------
വിദ്യാരംഭം in Open Source
Published: 2021-10-22 10:50:28

It's October and we all know what it's all about - Hacktoberfest. People are busy celebrating open-source and making contributions.

Contributions? 🤔 Wondering how to get started with your first open-source contribution? You're in the right place! Keep scrolling...

*Let's get to it step by step*✨

**Step 1**
Get an GitHub account [click here](https://github.com/login)

**Step 2**
[Register for Hacktoberfest with Github] (https://hacktoberfest.digitalocean.com)

**Step 3**
### വിദ്യാരംഭം in Open Source
Make your first contribution to **Mashithandu** Repository. 
{% github Tinkerhub-SBCE/mashithandu %}
**Here is the demo video.**
{% youtube 6JE4uZmABRU %}
*Congratulations you did it 🎉*

Now it's time for your Next step! 🚀

## To make more contributions ?


### Don't know how to participate in Hacktoberfest?
{% youtube GuZpeobFsZw %}

### Some of sorted GitHub repos participating hacktober 2021

## [Get here ](https://aluminum-teacher-c8b.notion.site/cfaf258e561246bdadb70ddf1ace9ef8?v=47b15bc3bcb342f585f25fe88ec54f8c)
Collapsible Item in ReactJS using Reactstrap
Published: 2021-10-22 10:33:20

Hello Everyone Today i am going to show you how you can create a collapse effect in react using reactstrap.It is the easiest way to create this effect and you are going to love it.

Lets get started...

What is ReactStrap?
Reactstrap is a component library for React. It provides inbuilt Bootstrap components that make it easy to create UI with self-contained components that provide flexibility and inbuilt validations. Reactstrap is easy to use and supports Bootstrap 4.

Installation - 
```
npm install --save reactstrap
```

A simple collapsible navbar - 

```javascript
import React,{useState} from 'react'
import './App.css';
import { Button, Collapse } from 'reactstrap';


function App() {

    const [collapse, setCollapse] = useState(true);
    const toggle = () => setCollapse(!Collape);
    return (

            <div className="main-navbar-box">
                    <Button color="primary" onClick={toggle} style={{ marginBottom: '1rem' }}>
                       <i class="fa fa-bars" aria-hidden="true" onClick={toggle}></i>
                    </Button>

                     <Collapse isOpen={collapse}>
                       
                            <nav>
                                <ul>
                                    <li>Home</li>
                                    <li>Menu</li>
                                    <li>About</li>
                                    <li>Contact</li>
                                </ul>
                            </nav>
                       
                    </Collapse>
            </div>

)
}
```

Explaination -

1. First we have imported the Button and Collapse component from react strap.
2. Then we created a state using useState hook and give it a value of false(means closed navbar)
3. Then we created an arrow function which change the state of the collapse component to true which creates a collapse effect
4. Then we created a button using Button component and inside it we have created onClick event handler and provide the variable which is assigned to the arrow function we have created.
5. Then we created our navbar inside the Collapse component and inside Collapse tag we have an attribute called isOpen which have the collapse value and when the value of collapse is changed using the button component then the state of Collapse also changes.(if true then false and if false then true).



Output - 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ffbc5t1ysrugtpje789p.png)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r553ay70uhnhfvhvf3m0.png)
NOTE - I didn't give the css code you can style the navbar as you like.

THANK YOU FOR READING THIS POST AND IF YOU FIND ANY MISTAKE OR WANTS TO GIVE SUGGESTION THEN MENTION IT IN THE COMMENT SECTION.
My First Contribution to the Kubernetes Project ♾
Tags: opensource, github, kubernetes, hacktoberfest
Published: 2021-10-22 10:24:23

My first contribution to the Kubernetes project got merged on Github! 😁

What did I do 🤷‍♂️?
I contributed to the Kubernetes Dashboard repo. The Kubernetes Dashboard is a web-based UI for managing Kubernetes applications running in Kubernetes clusters and troubleshooting them. As well as managing the cluster itself.

The web-based dashboard which is built with Angular and TypeScript still had external referencing HTTP links even for ingress host URLs in the ingress lists which is a bad security practice for web apps.

I converted the HTTP links to default HTTPS links making any referenced external link direct users to secure website URLs!

Felt great! 😊
Asset CleanUp Pro Review: Page Speed Booster
Tags: wordpress, performance, wordpressplugins
Published: 2021-10-22 11:11:41

---
title: Asset CleanUp Pro Review: Page Speed Booster
published: true
date: 2021-10-22 10:14:53 UTC
tags: WordPress,performance,WordPressPlugins
canonical_url: https://bloggerpilot.com/asset-cleanup/
---

![Asset CleanUp Review](https://bloggerpilot.com/wp-content/uploads/2021/09/asset-cleanup.png)

Es gibt inzwischen unzählige WordPress Performance Plugins und viele davon funktionieren auf eine sehr ähnliche Art und Weise. Immer mehr dieser Erweiterungen möchten auch als All-in-one-Lösung gelten und versuchen dementsprechend von allem etwas anzubieten, was allerdings nicht jedem Entwickler gleich gut gelingt. Es geht um WordPress Geschwindigkeit!

Der Original-Artikel erschien auf [Asset CleanUp Pro Review: Page Speed Booster](https://bloggerpilot.com/asset-cleanup/).
My First Hacktoberfest 
Tags: hacktoberfest, hacktoberfest2021, opensource, contributor
Published: 2021-10-22 09:07:23

I just completed my first ___Hacktoberfest 2021___ and it feels amazing! Open Source is a great way of learning and i learnt a lot this month in my little contributions to open source.


![Minion gif](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/64gw5vlo3hs5uzhtseqq.gif)

This Hacktoberfest 2021, we all made meaningful open-source contributions by improving the code quality of thousands of projects. Not just we learn but earn cute swags to 😉! Isn't amazing!

If you are a beginner and want to start with your open source journey! Check this amazing blog by [Freecodecamp](https://www.freecodecamp.org/news/how-to-contribute-to-open-source-projects-beginners-guide/) and start contributing right away!

Thank you
{My very first contribution to the open source during HACKTOBER-FEST 2021}
Tags: javascript, webdev, programming, hacktoberfest
Published: 2021-10-22 08:50:12

### About Me
I am Abhishek Gupta a self learned programmer and still a tyro and I love to explore new things related to programming stuff and I am interested in WebDev

###My Background

I am very new to this open source  field and I thought that one have to be a pro-programmer to contribute to open source but then a came to know after my research that basic but clear knowledge of any programming language can help you in the contribution to the open source. 

### Progress

So, hacktoberfest-2021 started on 1st of October and in last week of September I started exploring about the open source and I felt confident somehow even though am not a pro-programmer.
I came through many podcast on the open sources and contributions in this field. And in October when fest started, I went to github and started to explore the suitable repos which are legit and hacktober-fest accepted. Because I came to know later that choosing the right repository which are legit is very tedious task because during the review period the repository which seems to be suspicious are removed. And later I found many of the repos and contributed with my best to them. 

### Contributions

I had contributed to many repos. My very first contribution is in the project which is an anti-abuse API, then I had contributed to Anime Card website, in other repos I had added some DSA questions which are from the leet-code, this is how my contribution to open source keeps on moving forward.  


### Reflections
My experience during the hacktoberfest was so thrilling as it gives you goosebumps when your PR is in progress and under review and gives you chill when it is successfully counted.
Whatever the reason behind the hacktoberfest I've concluded that it is the best way to develop interest for the open source to all the newbies like me who are unaware of the opportunities for this but are capable and deserving.
Developer squad
Tags: programming, java, python, webdev
Published: 2021-10-22 08:47:01

<h2><em>Hey I am Web Flyer.</em></h2>
<i>
We create alluring apps ✨. Our motto is to bring light to future. It is been astounding creating fabulous projects We are dedicated in:

Discord server - https://discord.gg/EtGGN3MDUY
<ul>
<li>Java</li>
<li>Python</li>
<li>C++</li>
<li>Hyper Textup Markup Language (HTML)</li>
<li>Cascading Stylesheet (CSS)</li>
</ul>
<h3>
Collaboration<br>
</h3>
We are seeking for collaborators.Alone hand cannot touch the pinnacle but a cluster of hands can. It would be astounding if we collaborate and create smitten applications.This is the only way to touch the pinnacle. My triumph is your.
</i>
Webinar: Introducing the new Overall Equipment Efficiency (OEE) App for Software AG Cumulocity IoT
Tags: iot, webinar, event, application
Published: 2021-10-28 11:29:38

---
title: Webinar: Introducing the new Overall Equipment Efficiency (OEE) App for Software AG Cumulocity IoT
published: true
date: 2021-10-22 08:39:27 UTC
tags: #iot, #webinar, #event, #application
canonical_url: https://tech.forums.softwareag.com/t/webinar-introducing-the-new-overall-equipment-efficiency-oee-app-for-cumulocity-iot/245258
---

The Cumulocity IoT™ Overall Equipment Effectiveness app helps collect and analyze data from sensors in the manufacturing process, from heavy production machinery to painting and finishing. This data is integrated, analyzed and represented as an effectiveness score (a percentage of target). Companies have been able to calculate their OEE for many years, but many of these processes are based on manual data collection and analysis. In many cases reports are produced on a daily basis.

[![cumulocity iot developers group](https://aws1.discourse-cdn.com/techcommunity/original/3X/5/0/50720b68db3742e8958d69b6d7968abb1c140972.png)](https://groups.softwareag.com/events/details/software-ag-cumulocity-iot-developers-presents-introducing-the-new-overall-equipment-efficiency-oee-app-for-cumulocity-iot/)

In this event we will present the new OEE app from Software AG which aims to provide reports as frequently as every minute, helping organizations to identify problems or opportunities in time to react effectively to them.

> [Reserve your spot and join us on **November 2 2021, at 14:00 CET**](https://groups.softwareag.com/events/details/software-ag-cumulocity-iot-developers-presents-introducing-the-new-overall-equipment-efficiency-oee-app-for-cumulocity-iot/)

[Read full topic](https://tech.forums.softwareag.com/t/webinar-introducing-the-new-overall-equipment-efficiency-oee-app-for-cumulocity-iot/245258)
Hack This Fall 2.0
Tags: hackthisfall, hackathon, innovation, build
Published: 2021-10-22 08:38:15

**Hack This Fall - Season 2** is a 48 Hours Virtual Hackathon that is being live on this day that I have wrote this blog Oct 22nd - Oct 24th, 2021. The event is open to all irrespective of countries, qualifications, students or professionals, be it young or old, in short open to all.

As this is my first Blog, I might not be too good in quoting all. But I'll try my best to brief everything out! 💌

![Bare with me](https://78.media.tumblr.com/df46b77abc5a5f1c71c9f8f90b2d7f22/tumblr_pfldfekPb51xf5jhto1_400.gif)

#Tracks
   * Climate Change & Environment
   * Blockchain & Crypto
   * Open Innovation
   * Diversity & Inclusion

![Fun](https://fwhibbit.es/wp-content/uploads/2017/12/DirectConfusedGuineafowl-small.gif)

#Schedule
Linking here to the webpage that tells you the [Schedule](https://hackthisfall.tech/schedule)

![Run](https://media0.giphy.com/media/2zoCrihrueMUVOZlTx/giphy.gif)

#Registration
Click here to [Registration](https://hackthisfall.devpost.com/)
While registration, you could use this code: **__HTFHE079__** just casually to be inclusive of my mini army!

![Casually](https://ps.w.org/meet-my-team/assets/banner-1544x500.png?rev=870493)

#Management Teams
While this season of Hack This Fall, we had various teams involved in the background process; Hierarchy explained from Basic to main lead team
 * Evangelists Team
 * Communities Team (Where multiple communities collaborated to promote Hack This Fall)
 * Mentors Team
 * Judges
 * Sponsors' Team
 * Core Team (They are again Graphics Team, Operators Team, VFX Team and many More)

.....and I guess that summarizes the members within HTF 2.0!

![Summarise](https://ph-files.imgix.net/a6fb4ea4-b260-4a15-88a6-83c774d9757b.gif?auto=format)

#Events and Fun Activities
* Our team had started to build up this community for almost 2 months back and as of today, we reached the biggest Milestone of 3500++.

![Registration](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nx6mb42ivhxn0hrtr3nn.png)
* Weekly HTF Connects (__Every Wednesdays__) & HTF Sync Ups calls with Evangelists (__Every Saturdays__)
* Sponsor Connects were an amazing opportunity to connect with organizing/sponsor teams.
* The best part was when we evangelists, had a great time on "Twitter" when Facebook, WhatsApp, Instagram servers down!😂

So I can say we were there when that history occurred!!

![Been there](https://y.yarn.co/c6b51304-51c9-431a-b763-ecad7818ee78_text.gif)

#Swags
We got lot of them!! 💥🎉 Check out this [webpage](https://hackthisfall.tech/swag), and who knows maybe you may win one!

![Swags](https://gifimage.net/wp-content/uploads/2018/06/trophy-gif-7.gif)
API - What is it ? P-1
Published: 2021-10-22 08:33:14

  * What is **API** ?

**API** stands of *Application Programming Interface*.

> An **API** is a set of programming code that enables data transmission between one software product and another.

> It also contains the terms of this data exchange.

* How **API** works ?

Browser -> **API** -> Server (Request)
Server  -> **API** -> Browser (Response)
how to deploy node.js app with jenkins nginx with certbot in aws
Tags: help, aws, devops
Published: 2021-10-22 08:26:14

I am learning devops and want to deploy a node.js stack with jenkins, nginx and certbot in AWS(free tier). I launched the nginx but unable to install certificate in ec2 instance(not allowed in ec2). Kindly help me to perform this above steps in free tier.
simple way to store data in js
Tags: javascript, programming
Published: 2021-10-22 08:19:03

**You want a simple way to store data? In javascript, you can use `window.localStorage`.**
localStoge allows you store any information in browser. It is new feature of HTML5, and using method is similar to hashmap(with key and value). To store data, use this syntax:
```
localStorage.setItem(key, value);
```
And to get data, use:
```
localStorage.getItem(key);
```
localStorage also provide method to delete data:
```
localStorage.removeItem(value); //delete one
localStorage.clear(); //delete all
```
*Read more about document: https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage*
Because it's pretty basic and simple, localStorage only store string data, if data is more complex, it becomes useless. Addition, the limit of data is small(about 5mb);  and it has not security. Therefore, think carefully before use localStorage.