teleren/devto huggingface dataset:
Our First App on Google Play and is a Diary/Journal App
Tags: showdev, android, reactnative, react
Published: 2021-05-11 16:21:26


**First of all, a little description about the App**

[Diary by Storytics](https://storytics.pt/diary) is a private and offline-first diary where you can use to reflect on the past or plan for the future. Focused on simplicity, keep your thoughts organized by several diaries/journals with unlimited pages securely through a pin code.

With a simple and clear design, you can easily focus on writing and if you write your diaries/journals at night, take the opportunity to switch to the dark theme and write in a beautiful text-focused editor.

**About Us**

My brother (@amaralflavio) and I we create web templates under the [Storytics](https://storytics.pt) brand and we proposed to challenge ourselves by creating our first [Android App](https://play.google.com/store/apps/details?id=pt.storytics.diary&pcampaignid=pcampaignidMKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1), we have worked in this area (programming) for some time and we have always made web and mobile apps for others (companies) but never something of ours, with our vision and design.

**Why another Diary App?**

Everything I would say about Diary apps already exists and probably hundreds of them. Our goal was not to reinvent the wheel or create the next big thing. We just wanted to develop and launch something that was ours.

So, our focus was: 

No need for internet connection, no trackers, no ads and if you want you can enable a pin code/biometry layer. Simple and minimalist, with a simple experience of writing journals, diaries with support for light and dark themes.

**What was our tech stack?**

Below, only the libraries that stand out are mentioned, what we can get out of here is that the app was developed with Expo.

[From the Expo Docs](https://docs.expo.io/): "Expo is a framework and a platform for universal React applications. It is a set of tools and services built around React Native and native platforms that help you develop, build, deploy, and quickly iterate on iOS, Android, and web apps from the same JavaScript/TypeScript codebase."

- Expo & React Native
- TypeScript
- Styled-Components
- i18n-js
- SQLite
- DayJS
- React Navigation

**Why is it paid and no support for iOS?**

The app is paid because in this way it supports our work and keeps the app in development (new features, fixes and updates). When it comes to iOS it is due to the same reason, because the app is ready to be launched for iOS and all this thanks to Expo.

We did not want to follow this path, but we want to give the same experience to users who prefer free apps and for this we are creating a version of the app with all the features but in this case, there will be ads

**How can you help us?**

One of the ways you can support us is by downloading the app on [Google Play](https://play.google.com/store/apps/details?id=pt.storytics.diary&pcampaignid=pcampaignidMKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1). But all contributions are welcome, contributions such as: Share the App on social networks or comment below with your feedback.
Unlimited Email Address With Gmail Account
Tags: gmail, email, trick, tips
Published: 2021-05-11 16:05:45

Hello everyone 👋

In this short article, I will discuss how can we get unlimited email addresses with a single Gmail account.

> Originally posted at [`blog.bibekkakati.me`](https://blog.bibekkakati.me/unlimited-email-address-with-gmail-account)

Some of you might be using this feature already but I got to know about this recently so I thought of sharing.

Many times we create multiple email accounts to sign up on websites, to avail free services or for testing purpose. We have some services like temp-mail but those are accessible to the public so we can't use them for personal accounts.

If you have a Gmail account then you have access to `unlimited` email addresses using that one account.

### How

Let say your Gmail address is `username@gmail.com`.

Then you can use your Gmail address like this too.

- `username+1@gmail.com`
- `username+string@gmail.com`

> Just add any random string or number followed by a `+` sign to your Gmail username.

It will deliver all the emails of these Gmail addresses to your primary Gmail address, so no need to worry about handling multiple accounts and you can use your mail address on any website as they will treat it as a different mail address.

### Use Case

Suppose you are creating a banking account, then you can use `username+bank@gmail.com`. Now you can filter your emails easily by using this Gmail address.

It is also useful to track down any compromised accounts and spammers.

*`I'm not sure if other email services also provide a similar feature.`*

---


Thank you for reading 🙏

If you enjoyed this article or found it helpful, give it a thumbs-up 👍

Feel free to connect 👋

[Twitter](https://twitter.com/kakatibibek) | [Instagram](https://instagram.com/bibekkakati) | [LinkedIn](https://linkedin.com/in/bibekkakati)


---

If you like my work and want to support it, you can do it here. I will really appreciate it.

<a href="https://www.buymeacoffee.com/bibekkakati">
<img src="https://img.buymeacoffee.com/button-api/?text=Buy me a coffee&emoji=&slug=bibekkakati&button_colour=FFDD00&font_colour=000000&font_family=Cookie&outline_colour=000000&coffee_colour=ffffff">
</a>
I ️ SASS but am I making the most of it?
Tags: css, webdev, sass
Published: 2021-05-11 16:05:22

SASS / SCSS have been in my arsenal for over a decade but I don't feel like I've ever taken full advantage of what it has to offer.

[SASS](https://sass-lang.com) is what it always felt like CSS should have been. It makes your code more flexible, reusable and manageable. I've been using SASS / LESS in some for well over a decade but in reality I've never really pushed what it can do.

As part of some prototyping at my last job I did take advantage of breaking the CSS down into smaller files which made it a lot more manageable. Other than that, I don't recall many times when I've even taken it that far.

##The things I love about SASS

###SASS Variables

If this is all that SASS offered, it would still be a good step up from plain old CSS. Create your variable and when you need to change the value it changes everywhere. With CSS (before CSS variables), you would do a lot of searching or making use of your IDE's find and replace functions.

Using variables in your `calc()` functions is a little complicated as you need to wrap them with `#{$variableName}`. I've only really taken the time to [understand CSS variables](https://www.1thingaweek.com/week/162/using-css-variables-create-dark-mode-site), but they're still an afterthought for me at this point.

###Nesting

So variables are great, but nesting is what I love most about SASS. It's much easier to keep track of where and how things are styled in your CSS file. Variables and nesting are the two bits of SASS I use without hestiation.

### RGBA

I use the rgba() property a lot these days and recently found out you can pass in keywords or variables. SASS takes those and converts them into RGB values.

    color: rgba(silver, .5); //rgba(192, 192, 192, .05)

##Things in SASS I need to take more advantage of

###Nested media queries

I recently found out that you could [nest media queries](https://www.1thingaweek.com/week/135/3-things-sass-can-do) in SASS but I haven't really taken advantage of it very often. If I hadn't figured out a more efficient way to take care of dark mode with CSS variables and I was still relying on SASS variables then it would be a no brainer.

Having said that, it could make managing things like responsive breakpoints a little easier to track. I'm not sure, but perhaps something I'll investigate when I have some time.

### Mixins

With a bit more thought, I'm sure I could find some really good uses for mixins but a lot of the CSS I've written over the past few years is simple enough to have avoided them. In reality, I pretty much forgot about them until I saw this video from Kevin Powell:

{% youtube 7ruDsUN4-iA %}

As part of another project I'm working on, I'm going to refactor the CSS and see where I can make use of some mixins. Once that's complete, I'm going to look at the possibility of re-engineering 1 Thing A Week for consistency and as part of that I'll do the same with the CSS. This site has one of the largest CSS files I've created so some love and attention will go a long way.

Are there other aspects of SASS I should be looking at?
Create a portfolio card with React, ChakraUi, and framerMotion
Tags: react, webdev, showdev, productivity
Published: 2021-05-11 16:03:06

I have already created 2 portfolio websites. 
Here is my 3rd portfolio website. This is a very simple website with smooth animations.

#Built with
- Front-end library - [Reactjs](https://reactjs.org/)
- UI components - [Chakra UI](https://chakra-ui.com)
- Animation library - [Framer Motion](https://www.framer.com/motion/)
- Icons - [react icons](https://react-icons.github.io/react-icons/)

**Demo Link:** [CardPortfolio](https://ma-ahmad.github.io/card-portfolio)
**GitHub Repo:** [Repo](https://github.com/MA-Ahmad/card-portfolio)

#My Other portfolio website templates
**Demo Link:** [Portfolio1](https://mahmad.me/)
**GitHub Repo:** [Repo](https://github.com/MA-Ahmad/portfolio)

**Demo Link:** [Portfolio2](https://ma-ahmad.github.io/portfolio2)
**GitHub Repo:** [Repo](https://github.com/MA-Ahmad/portfolio2)
Spring boot REST API with Oracle database
Tags: springboot, oracle, restapi
Published: 2021-05-11 15:59:16

https://loizenai.com/spring-boot-rest-api-with-oracle-database/

Spring boot REST API with Oracle database

How to connect Oracle database with spring Boot? It is the one of most common questions for developers. So in the post "Spring boot REST API with Oracle database", I will help you to try it with Spring JPA. Here is a to do list for the tutorial:
<ul>
<li>Overview of Project Structure</li>
<li>Create SpringBoot with Spring Data JPA and Oracle dependencies</li>
<li>Configuration SpringBoot to connect to Oracle</li>
<li>Define a data model to map with table's columns in Oracle database</li>
<li>Define a JPA Repository to do CRUD operations</li>
<li>Use CommandLineRunner to excute above JPA Repository APIs: save, retrieve, update, detele entities</li>
</ul>

To do the tutorial, you need prepare Java >= 1.8, Spring Tool Suite in local computer for development.

Let's go !
<!--more-->

<h2 id="springboot-project-overview">SpringBoot Project Overview - Spring boot REST API with Oracle database</h2>
[caption id="attachment_56" align="alignnone" width="378"]<img src="https://loizenai.com/wp-content/uploads/2020/04/Overview-How-to-Integrate-Springboot-2.x-with-postgresql-using-Spring-JPA.png" alt="Spring boot REST API with Oracle database-Overview-How-to-Integrate-Springboot-2.x-with-postgresql-using-Spring-JPA" width="378" height="507" class="size-full wp-image-56" /> Project Overview How to Integrate Springboot 2.x with Oracle using Spring JPA[/caption]

In the SpringBoot application, we use Spring JPA to connect and manipulate the data between Application and Oracle database. We define a repository to do CRUD operations (save, retrieve, update, delete) with entities. And for mapping the data between Spring Application with database table's columns, we define a model class.
<h2 id="create-springboot-project">Create SpringBoot Project</h2>
We use Eclipse that had integrated with SpringToolSuite to create a SpringBoot project. Remember we need add 2 dependencies Spring Data JPA and Oracle driver. 

Checking <code>pom.xml</code> file we see the needed dependencies as below:

<pre><code class="language-html">&lt;dependency&gt;
	&lt;groupId&gt;org.springframework.boot&lt;/groupId&gt;
	&lt;artifactId&gt;spring-boot-starter-data-jpa&lt;/artifactId&gt;
&lt;/dependency&gt;
&lt;dependency&gt;
        &lt;groupId&gt;org.Oracle&lt;/groupId&gt;
        &lt;artifactId&gt;Oracle&lt;/artifactId&gt;
        &lt;scope&gt;runtime&lt;/scope&gt;		
&lt;/dependency&gt;
&lt;!-- Oracle Driver --&gt;
&lt;dependency&gt;
	&lt;groupId&gt;com.oracle&lt;/groupId&gt;
	&lt;artifactId&gt;ojdbc6&lt;/artifactId&gt;
	&lt;version&gt;11.2.0.3&lt;/version&gt;
&lt;/dependency&gt;</code></pre>

https://loizenai.com/spring-boot-rest-api-with-oracle-database/

Spring boot REST API with Oracle database
Web Design (HTML)
Tags: html, web
Published: 2021-05-11 15:55:54

The first lecture I read was a request to read it. To read it, click here Today we will discuss some of the basics of HTML. Firstly, we know about some of the tags we must know in order to create a website. Without going into detail, below are some tags:
01.HTML5

02.HTML Attributes

03.HTML Heading

04HTML Paragraphs

05.HTML Formatting

06.HTML Comments

07.HTML Links

08.HTML Images

09.HTML Table

10.HTML Lists

11.HTML Blocks

12.HTML Class

13.HTML Id

14.HTML Iframes

15.HTML Forms

16.HTML Forms element

17.HTML Input type

18.HTML input Attributes

19.HTML Video

20.HTML Audio

21.HTML Entities

22.HTML Proges, Meter, Editable tag

23.Inserting Youtube videos & Google Map in HTML

Please stay tuned for more information about these tags in the next blog post. Thanks.
Why do we need Redux If we can use JavaScript LocalStorage?
Published: 2021-05-11 15:23:06

As a JS Developer, Today I was learning JavaScript and found a thing called LocalStorage where we can store data in the variables just like PHP Sessions and then call it wherever we want. Then what I felt like is LocalStorage is the same as Redux. I might be missing something which can make Redux different from Js LocalStorage. So that's why a question just arose in my mind that Why do we need Redux. Can we seriously use LocalStorage instead of Redux?
Get acquainted with Katalon Studio
Tags: testing
Published: 2021-05-11 15:21:58

Katalon Studio - Katalon studio is an automation solution for Web, API, mobile and desktop testing. Katalon studio integrates all the necessary components with built-in keywords and project templates into the automation framework. Katalon studio is easy to use for beginners but provides advanced capabilities for expert users.

Broadly speaking, Katalon Studio is an automation testing software which is very helpful for the work of a tester or commonly called QA (Quality Assurance) if a company or startup environment is doing testing.

In addition to Katalon Studio, Katalon has several other products such as Katalon Recorder, Katalon TestOps, Katalium, Katalon Studio Enterprise, Katalon Runtime Engine, Katalon TestOps Enterprise and those that will soon be launching are Katalon CloudRun, Advanced Reports, AI Optimizations and Performance Testing. For an explanation of each of these products, please visit the Katalon official website directly at katalon.com.
![Katalon Studio](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mepj74v6aoarqnz69qnr.png)
We can use Katalon studio for web testing, API testing, mobile testing and desktop testing for free. There is also a paid Katalon studio product, for more details, see the picture above. But because in this post we will learn web testing, we can use the free version of Katalon Studio.
![Katalon Studio](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m85hhe59aijwm6suk7xy.png)
To download Katalon Studio software, please click the "Get Free" button or visit the download link catalon.com/download then select the Operation System you are using and click the Katalon Studio download button.
 
If you have successfully downloaded, then install the Katalon Studio software on your PC.
![Katalon Studio](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2278jdymicadvzk5ze6s.png)
The picture above is the initial view of the Katalon studio application after completing the installation process.

[Read more at Codelapan.com](https://codelapan.com/post/berkenalan-dengan-katalon-studio)
How to create a water ripple effect
Tags: html, css, beginners, codenewbie
Published: 2021-05-11 15:20:51

***Hello, guys In this tutorial we will try to solve the mentioned query. and also we will learn how to create a water ripple effect***

###Common Query###
1. Awesome water ripple animation CSS
2. How to create a water ripple animation effect
3. How to create a water ripple animation

**See Also:-** <a href="https://blog.stackfindover.com/how-to-create-dot-loading-animation/">How to create a dot loading animation</a>

###Awesome water ripple effect step by step guide###
####1: Add jQuery CDN or locally####
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/c64d5tijb38lvj8ijerc.jpeg)

***<a href="https://www.w3schools.com/jquery/jquery_get_started.asp">Click Here to get jQuery CDN</a>***

####Downloading jQuery####
***There are two versions of jQuery available for downloading:***

1. **Production version** – minified and compressed version
2. **Development version** – this is for testing and development version (uncompressed and readable code)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5mo4067qgt77yi7ma0jr.jpg)

Both versions can be downloaded from <a href="http://jquery.com/download/">jQuery.com</a>

####2: Add jQuery plugin for effect####
**How to get water ripple effect plugin**

First of all, we have to download the plugin for the water ripple effect from the internet

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/w0sazxsstt6ureftvtqa.jpeg)

<a href="https://www.jqueryscript.net/animation/jQuery-Plugin-For-Water-Ripple-Animation-ripples.html">Click Here to download plugin</a>

###How to use it:###
1:- Include the jQuery library and jQuery ripples plugin in the Html document.

```html
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="jquery.ripples.js">
```

2:- Create an Html element with a background image.
```html
<div id="ripple-bg"></div>
```

```css
div#ripple-bg {
  width: 100%;
  height: 100%;
  background: url(https://i.postimg.cc/433wmMJP/water-bg.jpg)no-repeat center / cover;
}
```

###<a href="https://blog.stackfindover.com/awesome-water-ripple-effect/">Check full tutorial with source code</a>###
Java 8 vs Java 11 - WHICH JAVA CERTIFICATION EXAM SHOULD I TAKE
Published: 2021-05-11 15:11:01

The most important thing to know is that from Java 7 onward, Oracle had split the Java Professional certification into two exams - Java Associate level and Professional level. To become a Java 8 certified professional, you need to first pass OCA before taking OCP, which means you need to pass two exams to become an **Oracle certified Java professional**.

To acquire the latest Java 8 Professional Certification (OCP8), you need to first pass the Java 8 Associate Certification (OCA 8). In other words, you have to take two exams - 1Z0-808 (Java SE 8 Programmer I) and 1Z0-809 (Java SE 8 Programmer II).

This has changed for the good and now you can become an Oracle certified Java professional by passing just one exam,  **Java SE 11 Developer**, OCP 11, or 1Z0-819. This is the main reason I am asking Java developers to go for Java SE 11, combined with its also the latest Java certification available in the market.

Though, if you hold any older Java certification like Java SE 5, 6, or 7 then you can also take an upgrade exam for Java SE 8 and Java SE 11 and can eventually become a certified Java developer by passing one exam.

Another reason to go for Java SE 11 certification is that it's the most up-to-date certification. I highly recommend this exam to new developers who are trying to get Java certification, because Java 11 certification covers several new features in the language and will provide a competitive advantage to you on Interviews. It's also better to learn the future way of using Java sooner than later.

If you already made your mind and preparing for Java SE 11 certification then I highly recommend you to check out my article [The Ultimate Guide to Pass Java 11 Certification (1Z0-819) Exam in 2021](https://dev.to/zbiri_said/the-ultimate-guide-to-pass-java-11-certification-1z0-819-exam-in-2021-927)
What's oak9?
Tags: security, architecture, cybersecurity, devops
Published: 2021-05-11 13:39:52

Most of us have experienced how liberating it is to use a Cloud Service Provider _(AWS, Azure, etc.)_ to carry the weight of managing infrastructure for us, and how they let us instead focus on just building our application.
[oak9](oak9.io) wants to give you the same efficiency and ease of mind but for your cloud infrastructure's security, where you delegate the process of keeping up with the changes of your app's infrastructure to oak9 and it makes sure that you application is always meeting the security requirements it needs to.

### Developing quicker vs. making sure security standards are met

The trend in the development world has always been building tools to make developing apps easier and faster, and those tools are always just gonna get better and more efficient.
The same trend however is not as aggressive in the security world.

There's this mismatch between the rate of changes the development teams are introducing, and the ability to continuously meet security requirements along with those newly-introduced changes.

There's a void in tools that allow automating the task of identifying design gaps in an IT infrastructure, and that's the void oak9 is trying to fill.

### How oak9 works

The way oak9 works is that it lays out your infrastructure's architecture and how the services are connected to find any discrepancies in their configurations and connections that don't meet security requirements.
What the resource is, what it's connected to, and what the purpose of that resource is, are all factors that go into the issue-detection process.

![oak9 interface](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1bs7r1qe5tfepl6aia4a.png)

oak9 integrates with your development workflow using either API-based integration, or IaC-based integration.
In API-based integration it uses access keys to communicate with your CSP's account to read your deployed resources' configurations and create a representation of your infrastructure.
In IaC-based integration, you provide oak9 with IaC files (like Terraform or CloudFormation) that it parses to build the infrastructure's representation.
IaC-based integration actually opens up the possibility of providing a neat way of resolving detected issues because the fix can just be presented as a change in your IaC file. The Remediation Engine can automatically open up a pull request for your IaC file with the changes required to secure your app. A security fix would be automatically implemented by just approving a pull request!

### Who is it for?

You don't need to be a professional security engineer to make use of oak9. It's meant to be used by developers and security engineers alike, where customizability is available but not required.

All you need is to give it something to scan, and you're on your way to having a more secure app.
Cron Job Tutorials - How to set up cron job for BackUpWordPress?
Published: 2021-05-11 15:03:17


I installed BackUpWordPress on my server, and I want to set up a cron job to trigger BackUpWordPress' cron job script. What should I do to set up the cron job?

https://www.easycron.com/cron-job-tutorials/how-to-set-up-cron-job-for-backuppwordpress

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xd3s8uny9i3rj7tbnpex.png)