teleren/devto huggingface dataset:
React Native: Google Login error in release build
Tags: firebase, react, reactnative, tutorial
Published: 2021-11-30 07:04:07

You have created a proper app and build the apk for the app. The problem arises when the the app doesn't let the user sign-in from Google from the device. 

However, it works from the simulator. So, what's the problem. Assuming the setup was from the firebase. The problem might be that the firebase project is missing the SHA-1 key from your project.

**Solution:**
You need to add your SHA-1 key to the firebase project. You can get the SHA-1 key by running the code:
`keytool -list -v -keystore {keystore file name} -alias {alias name}`

![SHA-1 key screenshot example from console of vscode.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zsh1ld1bss6h7frvri8i.png)
 
Copy the SHA-1 key and Add it in the Project Settings of your Firebase Project.
![Firebase project settings for adding SHA-1 key fingerprint.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/il8rjzj08z1yulo59ot3.png)
 
**Summary:**
After adding the SHA-1 key to the firebase project. Users should be able to sign-in from the device. No need to rebuild the apk.
HOW TECHNOLOGY IS CHANGING THE HOME INSPECTION INDUSTRY
Published: 2021-11-30 06:15:49

"The home inspection industry is adapting to the new circumstances surrounding how the inspections are recorded. Mobile app driven inspection information recording is a very profitable trend where an average inspector saves lot of time and effort in organizing a report. Mobile apps make it quick and easy to create report and share with customer".

Mobile technology in the home inspection industry has taken off in recent years, spurring innovation, growth, and profit in an otherwise stagnant market.  With smartphones available nearly everywhere, it's never been easier for homeowners looking to purchase or sell property to access information about any house on their iphones or Androids. The quality of these mobile app driven inspection reports is very important for inspectors, home sellers, and home buyers. These "homeinspecto, inspection mobile app" are causing a big change in the home inspection industry, where inspectors are now able to easily collect information about homes for report to be sent over to the buyer / seller.

Mobile technology is changing how inspection reports are being made. Inspectors can now use mobile apps to record inspections without having physical paper notes that have to be inspected, copied or faxed to be sent for report. Logging into an app, you can make quick videos of your home inspection, take pictures of your initial walk through, and snap photos of any problems you find along the way. All this information is embedded into a text based report that is either emailed or shared with customers." have fundamentally changed how the home inspection industry operates, who saves time, and how much money is saved.

Mobile Technology Evaluation has become an essential piece of a modern inspector's tool box as it allows them to create a full color report in less than 30 minutes. Inspectors almost use their own devices to take detailed pictures as they feel it is more detailed and accurate as well as free from any distractions. Mobile technology based inspections will allow the inspector to capture data providing them with complete and accurate information about a property in no time.
[](https://homeinspecto.com/)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/apwl9obnvr8ruawfobgi.jpg)
Learning Workflows: How to Send a Slack Message as a Bot
Tags: nocode, workflows, identity
Published: 2022-02-25 18:44:11

---
title: Learning Workflows: How to Send a Slack Message as a Bot
published: true
date: 2021-11-30 06:08:14 UTC
tags: NoCode,Workflows, Identity
canonical_url: https://maxkatz.org/2021/11/29/learning-workflows-how-to-send-a-slack-message-as-a-bot/
---

This tip video shows how to send a Slack message as a bot from a workflow.

[![Sending a Slack message as a bot](https://katzmax.files.wordpress.com/2021/11/learningworkflows_slack_bot.png?w=1024)](https://katzmax.files.wordpress.com/2021/11/learningworkflows_slack_bot.png)

{% youtube 4IEXUs1shIc %}



Want to learn more? Watch other videos in the [Learning Workflows series](https://www.youtube.com/playlist?list=PLSAWywyhniCM6CKkp5vIiD0-pxSbdX71y).
Digital Marketing Course in Mohali
Published: 2021-11-30 05:55:43


PPC Fame provides the best Digital Marketing Course in Mohali. Our courses are based on live projects & provide a 100% job placement guarantee. We provide many kinds of training in our digital marketing courses like SEO (Search Engine Optimisation), Social Media, Online display advertising, Email Marketing, Content Marketing, Online reputation management, and  Marketing automation, [PPC] Pay per click, etc.
Table of Contents:
1. Scope of Digital Marketing Course
2. PPC Training Module
3. Online reputation management training module
4. Contact information
5. Advanced SEO training Module.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/l289kfzratykq3x9bdz6.jpg)
https://ppcfame.com/digital-marketing-course/
Project 89 of 100 - Spinning Up Your First Typescript Project with React
Tags: react, typescript
Published: 2021-11-30 03:54:22

*Hey! I'm on a mission to make 100 React.js projects. Please follow my dev.to profile or my [twitter](https://www.twitter.com/jwhubert91) for updates and feel free to reach out if you have questions. Thanks for your support!*

Link to today's deployed app: [Link](https://project-89-of-100-react-typescript-template.netlify.app/)

Ok just a short post today. But I'm getting back into it. I promise. If it kills me, I'm going to finish the #100days100projects challenge by the end of the year. 

In my job I use Typescript in a React web application with Redux. I didn't know TS until I started the job, but now I work in it every day. 

It's pretty hard getting started when all you know is vanilla JS. After a while though you realize it's really useful for large applications because you're less likely to accidentally publish mistakes in your applications. And that means your users will experience fewer bugs. TS is also the industry standard nowadays so it pays to learn.

Here's your first step to learning Typescript- spinning up a Typescript React application. Head over to your terminal or console, and assuming you have npm and npx installed, the same way you would boot up a vanilla Create React App application, find a directory you like then do the following command in the terminal:

```
npx create-react-app my-ts-app --template typescript
```

That's it! You now have a working Typescript app and template. If you open it up and poke around, you'll see that you no longer have vanilla Javascript files in the `src` folder. Here's my directory:

![Create React App template with Typescript](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b656walqeycblxbxbmwa.png)

[Here](https://www.typescriptlang.org/docs/handbook/typescript-in-5-minutes.html) is a short single page introduction to Typescript for Javascript developers. And [here](https://scrimba.com/learn/intrototypescript) is a free 3 hour course on Typescript from the basics on up which I **highly recommend**.

When it comes time to build your application and get it ready for production, use `npm build` or `yarn build` to generate a production version of the application. At this juncture, your Typescript code will be compiled into simple Javascript. Here is the directory structure for the `build` folder:

![Prod ready TS application post-build step](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/onmi5pq4ozm1y6a3q0ed.png)

**If you like projects like this and want to stay up to date with more, check out my Twitter [@jwhubert91](https://twitter.com/jwhubert91), I follow back! See you tomorrow for another project.**
Developer Productivity Masterclass - interview with Leonid Blouvshtein
Tags: devops, cloud, programming, leadership
Published: 2021-11-30 04:26:48

On December 7th we’ll [host a free master class](https://www.linkedin.com/events/developerproductivitymasterclas6870717107772907520/ "host a free master class") with Mykyta Protsenko, Senior Software Engineer at Netflix. Michael Wood, Field CTO, HashiCorp. Ryan Menezez, Software Engineering Manager, Meta. And Leonid Blouvshtein, CTO of Lightrun.

I got a chance to grab Leonid and make him sit down for this quick interview...

### Q: Tell us a bit about yourself?

I worked in several successful startups while most of my experience is with distributed systems that require high performance. This was after I graduated from the elite 8200 intelligence unit of the IDF. I sold my first startup at the age of 22. I founded Lightrun a couple of years ago to revolutionize the way developers interact with cloud production applications.

### Q: What would be the chief topics you’ll discuss in the master class?

I want to focus on the following topics:

* Developer Productivity at Different Growth Stages.
* The importance for the developers to embrace the DevOps culture and adopt observability in the development workflow.

In the past decade, the way we build and deploy software has changed completely. We moved from on-prem deployments to VMs in the cloud to container-based environments. With the rapid change in the ops world, companies also changed their methodologies. 

A lot of ownership is moving towards the developers and developers nowadays need different tooling and processes than what they needed 5 years ago, and organizations should adopt this change.

### Q: Aren’t the Problems startups run into different from the problems in major companies like Meta and Netflix?

Yes, and no. 

The scale of Netflix or Meta requires a level of scale that brings with it challenges we all hope to face. But probably won’t in the short term. But there’s still a lot of common ground we can build thanks to the componentized nature of the market and shifting story of tooling.

Mistakes you make today in the core team building the MVP can bite you back when you try to scale. The technical debt we incur today can become the source of long-running problems. A small investment in doing things "right" at this stage can make a big difference in the future.

### Q: What excites you about this master class?

I’m very excited about the panel we brought together. Netflix, Hashicorp, and Meta are three titans of industry. Mykyta, Ryan, and Michael have a lot of experience with high scale fast-growing systems and engineering organizations. I think the panel will provide us with a lot of insights into the different approaches, but even more interesting is the consensus we can reach.

I think through consensus we can uncover underlying truths of developing that might be less obvious.

## Join Us

Thanks Leonid for this great insight. Please [join us on Tuesday, December 7th](https://go.lightrun.com/developer-productivity-masterclass "join us on Tuesday, December 7th") for this master class to learn more.[](url)
Self-Taught Developer Journal, Day 8: More CSS Exercises and Project List
Tags: beginners, codenewbie, devjournal, todayilearned
Published: 2021-11-30 03:46:41

Today I learned...

## CSS: More Flex
I'm still on the Odin Project Flex exercises and they are definitely getting harder. It was tough not looking at the solution when I got stuck but I persevered with the documentation and google. Was it the best solution? Probably not. Did I match the solution they gave? Nope. But it worked at least, so progress made.

## Projects Lined Up
* CS50 Final Project
* Portfolio Website
* Figma Landing Page
* Collaborative Game Project
* The Odin Project Landing Page

I have a lot on my plate now and things to work on. I'm going to slow down a bit to get these things done first.

Resources:
[The Odin Project](https://www.theodinproject.com/)

Updating Article Naming to "Journal" from "Journey".

Day 7: https://dev.to/jennifer_tieu/self-taught-developer-journey-day-7-css-exercises-and-starting-a-landing-page-3g1n
Please refer to [Starting My Self-Taught Developer Journey]( https://dev.to/jennifer_tieu/starting-my-self-taught-developer-journey-2dga) for context.
Youtube Video - On How to create a rickroll website
Tags: beginners, javascript
Published: 2021-11-30 03:40:13

## Only for educational purposes

As you know there are a lot of people rickrolling each other. Hahaha using the youtube link but we developers use the power of coding to rickroll

So in this video we are gonna create a rickroll website using html, css and javascript

**Expected in the website** :- When the user goes to the website it shows the loader for 4-5 seconds [loader is the best option to make the person stay on the website] and then goes to the youtube rickroll page and Boom! rickrolled

Here is the video on how to create a rickroll website using Html, css and javascript - https://www.youtube.com/watch?v=isTfYeKUL_c&t=118s


**Written Tutorial -**

**HTML File -**

here we basically create one div with the class of `loader`
and then we are just gonna style it. Create a css file and link it to your html file or you can use internal css [thats nothing but using css in the html file] too

```html
   <!-- Only for educational purposes 😊 -->
  <!-- lets make loading so that user stays on the website -->
  <div class="loader"></div>
```

**CSS File -**

here we puts a little dark white background to our website and then center our loader to the center and then we make our loader in circle shape after doing this much stuff we use `border-top-color: transparent` to make our loader top transparent color (it looks cool). and then we use keyframes to animate it and make it move in circle at one position :D and our CSS is done Noice!

```css
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  background: #f1f1f1;
}
.loader {
  border: 10px solid #222;
  width: 80px;
  height: 80px;
  /* bringing to middle */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border-top-color: transparent;
  /* addding spin */
  animation: spin 0.7s linear infinite;
}
/* i am stoping the animation for now */
@keyframes spin {
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
```

**Javascript File:-**

Now the main part, in here we are setting a time of 4 seconds in our webpage and when the time is completed/over then we will redirect our website to the youtube rickroll video and thats all we need to do.

The main code which does the work is this - `window.location.href="https://youtu.be/dQw4w9WgXcQ";` this command redirects it to the youtube link we put there and Boom!

```js
  <script>
    // also we need to make the O small
    setTimeout(() => {
      window.location.href="https://youtu.be/dQw4w9WgXcQ";
    }, 4000);
    // 4000 = 4 seconds ( 1000 = 1 second)
  </script>
```

I hope you like this blog and had fun making this.

**Also dont forget to subscribe 🙏💖🙏** - https://youtube.com/codingfire?sub_confirmation=1

Stay safe and be happy. 😊🙏
XWayland in termux
Tags: termux, linux, android, linuxonandroid
Published: 2021-11-30 03:36:50

## INTRO
Termux started working back on their archived project termux-wayland. and its working fast enough even with Desktop Environments like KDE plasma
here is my guide for setting up fastest linux GUI environment for termux ( faster that VNC ). 

## Setting up termux

> Official f-droid termux may not work for this so get termux from [https://github.com/termux/termux-app/actions](https://github.com/termux/termux-app/actions)

`xwayland` ( binaries for wayland ) & `termux-x11` ( scripts to start termux-x11 app from termux ) are in `x11-repo`

```bash
pkg install x11-repo -y
pkg install xwayland termux-x11
```
> Setting termux is done ✌️

### Installing Termux:Xwayalnd app

for now, this app is available [here](https://github.com/termux/termux-x11/actions)  
- or get my [old snapshot of termux-x11](https://mega.nz/file/04gUzBzT#nNS9ViMck8lXICZSCnzSMpvynf3QD28ovjZ5LWt0pGQ)
so download and install it

## Using Termux:Xwayland to run `proot-distro` Linux

assuming you installed ubuntu with proot-distro with xfce4 installed

in your termux execute
```bash
termux-x11
```
this starts termux-x11 with all the required ENV variables


1. now back to termux and login to distro you like ( for this tutorial let's say it is `udroid` `proot-distro` ) with `--shared-tmp` option. by default Wayland socket in stored in termux `$TMPDIR` so using `--shared-tmp` bind `/tmp` in proot linux to `$TMPDIR` of termux app

```bash
proot-distro login udroid --shared-tmp
```


2. Now export `DISPLAY` environment variable with value `:0`, `termux-x11` starts display at `:0` ( default )

```bash
export DISPLAY=:0
```

3. finally start your Desktop Environment ( xfce4 works better )
```bash
dbus-launch --exit-with-session startxfce4
```


That's all now if you open minimized Termux:x11 app you see xfce4 running


## Further sources
> https://github.com/RandomCoderOrg/ubuntu-on-android
> ubuntu-on-android ( udroid )

> https://github.com/termux/termux-x11
> Official termux-x11 repo

> https://github.com/wayland-project/wayland
> Official wayland sources

> https://at.projects.genivi.org/wiki/display/DIRO/Wayland+Application+on+Android
> Docs Wayland implementation in android
Day 24 of #100daysofcode: Sticking with Flask
Tags: 100daysofcode, react, python, beginners
Published: 2021-11-30 03:29:04

I decided to make a little time today to make some decisions regarding my Study Aid app coming up.

## Django vs. Flask
This isn't the first time I have discussed this on the post, but it will likely be the last for quite a while. [Following some great advice](https://dev.to/keonigarner/comment/1k2ki), I decided that it would be best for the project to stick with Flask. I am not counting out Django entirely; I am still interested in learning it, but I want to get my app off the ground so I really get started with the meat of the project.

### Reasons
1. I know Flask
  * I don't love this reason, but it is definitely the number one reason for me. I want to get into the meat of the project, and learning Django would require a lot of overhead. Django seems to tend towards having a lot of boilerplate, while Flask is very, very lightweight.
2. Django has a lot of boilerplate to become accustomed to
  * This ties in a little bit to the above reason, but I will need to learn a lot of boilerplate that simply isn't necessary for Flask. I also don't know how Django functions with React. I hope that it is the same as how Flask plays with Django, but I just don't know. This point is my attempt to minimize unknowns in this project.
3. Flask *is* used at scale
  * This may seem obvious to many of you, but I assumed Flask was a framework for beginners. I started the conversation between Flask and Django because I thought Django was a more mature framework to get into. Now I see that Flask is minimalistic intentionally.
4. I am not willing to dig deep into something new right now
  * Looking at how I am spending my time these past couple weeks, I don't think I'm up to creating a new web of mistakes in an unfamiliar framework. I have been stretched thin recently, so I want to go into this project excited to build something and not frustrated with the minutiae.

I'm really excited to move forward into this new project! 

## Today
Still feeling stretched thin with deadlines and finals coming up, but I am still working on the challenge!
* Bit of Leetcode practice
* Worked a bit on the debugging portion of the FreeCodeCamp JS Course
* Bounced between meetings and work on the school project

I am nearing the end of the semester; I'm really excited to have more time to really dig into this project and start ticking away the challenges I have set for myself.

## Upcoming
* **Finals and final project sprints**: Not much time left!
* Start the Study Aid app!
* Later in the challenge: AWS Deployment, AWS Certification, and Using Docker!?

### Resources
[JS Course - FreeCodeCamp](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/)
Release0.3 Seneca-ICTOER/IPC144 -Audit & fix Information.md
Published: 2021-11-30 03:21:05

I'm responsible for fixing the Information.md page, and the following six issues were fixed:
```
1. Fixed images work in dark modes. The memory model image's downward arrows and the letter in the bottom right corner are not clear in dark modes. I wrapping them in a tag and adding class "mdImg" to it.
2. The images can't display in all models. Change all the image path from "/img/.jpg" to "../../static/img/.jpg". The issue is fixed.
3. Fix Frontmatter for the page to include id, title, slug, and description.
4. Replace blockquote with Admonitions for clarity.
5. Added alt text for diagram images.
6. Some of " * "will get converted into _ after being formatted with Prettier. I use "\ *" replace them.
```
### How to fix the code
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7lz0ghfbbbrrdhelx0tu.png)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sty5yk3dyeiepk7tdi4z.png)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ndoc9o5pur9z3r75zwi3.png)
### Tips about merging commits
The challenge of this project is about how to merge all commits to one. I failed many times and I have to close the PR and recreate a new one. There are some tips about the issue.
1. Don’t use `git add .` because it will often add files you don’t intend, and then you get into a mess when you have to remove them and don’t know how.  Instead, use: ` git add file1 file2 dir1 dir2 ` Specify the files/folders by name.  It will save you making mistakes.
2. If you’re going to rebase onto main, you need to do this first:```git checkout main
git pull upstream main
git checkout issue-44
git rebase -i main```

3. There’s no reason to pull from my origin/issue-44 because I made all these commits.  Unless I merged something into my fork, which is unlikely.
4. Don’t do this: ` git pull origin main, then merge it to issue-44. ` First, I need to checkout main and pull from the upstream, not my origin.

5. Use git reflog, check [here](https://medium.com/@shreyawhiz/how-to-undo-a-mistaken-git-rebase-life-saver-2977ff0a0602) for more information. Revert your squashed commit by using git reset — hard <commit sha hash>, make changes, rebase and push it to issue-44 again. Before doing this, you can checkout a new branch to be extra safe.

6. If the added files are still in staging. For example, .gitignore and yarn.lock staged in git. Use restore --staged <file> to unstage them, use git checkout issue044 <file> to rollback their content. Then use git add <file> for files that you are meant to change, in this case only docs/A-Introduction/information.md and maybe files in static/img. Rebase it and force push.