teleren/devto huggingface dataset:
A self-updating GitHub profile
Tags: github, profile, python, git
Published: 2020-08-07 10:04:33

I discovered this feature via [Building a self-updating profile README for GitHub](https://simonwillison.net/2020/Jul/10/self-updating-profile-readme/).

This is based on the addition of a special repository with your name and using the README to post something you want to appear in your profile. Simon Willison explains how to do this in his post and I adapted his proposal for my own use. 

It is described (in Spanish) at [Automatización de lo que se ve en el perfil de GitHub](http://fernand0.github.io/perfil-automatico-github/)

![My GitHub profile](https://raw.githubusercontent.com/fernand0/fernand0/master/img/Screenshot%20from%202020-08-06%2019-10-17.png "My GitHub profile")
Tiếng Động
Published: 2020-08-07 09:59:35

Chào các bạn, tôi là Nguyễn Thị Ngọc Linh, lấy nickname là dongdong – là một người con xứ Quảng nghèo khó đầy nắng và gió. Tôi lớn lên trong sự yên bình với gia đình thuần nông. Trong thời gian học đại học, tôi thấy mình có khả năng viết lách và một niềm đam mê với các kiến thức về công nghệ, tin học. Tôi quyết định lập ra blog này để chia sẻ và trao đổi những kinh nghiệm về những mẹo vặt công nghệ, hiệu ứng âm thanh tiếng động làm phim, ghép vào video hay những điều bổ ích mà mình học được trong cuộc sống hàng ngày.

Website: https://tiengdong.com
Facebook: https://www.facebook.com/TiengDongCom/
Twitter: https://twitter.com/tiengdongcom
Pinterest: https://pinterest.com/tiengdong
Show Dev: Build fast, responsive sites with Bootstrap v5 Starter Kit
Tags: bootstrap5, html, css, design
Published: 2020-08-07 09:57:01

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

Although version 5 of Bootstrap is still only Alpha, you can already get this set of starter templates compatible with the new version.

This collection will be updated as we update and release new versions of Bootstrap 5.

While the dependencies are linking to the official CDN, however, I'm already working on a version of the theme of the styles with a GulpJS file.

Download free example template:
https://drive.google.com/file/d/15E-LxKRqH7hVMMpQcQzC1sPvVb6qPHMd/view?usp=sharing

See more here: https://www.bootstrap-starter-kit.com
Whatsapp gb
Published: 2020-08-06 23:53:29

GBWhatsApp é uma versão alternativa do mensageiro WhatsApp que incorpora diversas novas funções ao aplicativo de mensagens e 
O que é e como funciona o GB WhatsApp?

O GB WhatsApp é uma plataforma alternativa ao WhatsApp, que apresenta um funcionamento semelhante ao do mensageiro oficial por copiar o código-fonte da rede social. Após fazer download do programa no celular, é possível enviar e trocar mensagens com todos os contatos, independentemente deles terem o serviço opcional instalado em seus smartphones.

O grande apelo do GB WhatsApp está na oferta de alguns recursos que ainda não estão disponíveis no aplicativo original. Por exemplo, nele é possível digitar um PIN para proteger as mensagens. Assim, só quem conhece a sequência numérica consegue ter acesso ao conteúdo da ferramenta, o que evita a leitura por pessoas não autorizadas. Outro diferencial da versão inspirada no WhatsApp fica por conta das notificações de leitura de mensagens ou dos áudios ouvidos. Os interessados podem ocultar as informações do remetente, algo impossível de ser feito na plataforma oficial. Essa é uma medida que aumenta a autonomia do usuário na plataforma, pois concede maior controle sobre as próprias atividades.

Além disso, é possível configurar se quer mostrar ou não quando digita ou grava algo, assim como esconder quando acessou o aplicativo pela última vez. O mensageiro também disponibiliza o caminho contrário: é possível ficar online o tempo todo, mesmo quando a tela estiver desligada.
Por que Instalar O Whatsapp GB

Para começar, GBWhatsApp possui todas as funções já disponíveis no WhatsApp convencional, com a diferença que em GBWhatsApp é possível utilizar mais de uma conta no serviço. Ainda é possível adicionar temas personalizados que não mudam apenas as janelas de conversas (como no WhatsApp), mas sim todo o visual do app.

Com GBWhatsApp ainda é possível editar de uma forma diferenciada o seu status, permitindo que um número maior de caracteres seja adicionado. O app possui opções que bloqueiam e mudam a forma com a qual você é notificado em suas mensagens, deixando a usabilidade do mensageiro mais discreta.
Recursos do WhatsApp GB

A versão mais recente do GbWhatsApp fornece muitos recursos impressionantes de graça. O GB WhatsApp não está exibindo anúncios irritantes no telefone (o que é realmente ótimo). Estas são as principais características do GBWhatsApp APK.

Abaixo está o link para download do whatsapp gb: https://triapk.com/whatsapp-gb/
Dark Theme with One-line code
Tags: javascript, css, pwa, darktheme
Published: 2020-08-07 09:29:31

In the present context,  Dark Theme is like a vital thing for any website. The first thing I search while visiting the website is the theme toggler. Seriously, it is very uneasy to see the light-themed website now, at least for me.

So recently I implemented Dark Theme in my portfolio site. The funny thing is I didn't have to write the whole another CSS file for a dark theme. So let us begin on how you can implement the dark theme on your website using one line of code.


 At first, inside your `head` tag 
> insert the following script and link files.

```
<script src="https://binayak.codes/dark-theme-switcher/app.js"></script>
 <link rel="stylesheet" href="https://binayak.codes/dark-theme-switcher/styles/style.css">
```

> Now place following code after closing the `body` tag

```
<script>
window.ThemeSwitcher().Init();
</script>
```

And that's it, After doing that you will see a moon icon floating in website 

![Light Theme](https://dev-to-uploads.s3.amazonaws.com/i/w1bgsujuz08t5djy0bhj.png)

After Clicking in that glowy floating icon, your website theme is changed

![Dark Theme](https://dev-to-uploads.s3.amazonaws.com/i/a4ylb4fft4souryszcxy.png)

The best part about this glowy icon is, visitors of your website can customize its location. Its draggable element. And it stores the current location where it is dragged and saves it.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/8xldycw6s6752a1j3s9i.png)


You better use it yourself to see how it works 
[Demo Of Dark Theme](https://binayak.codes/dark-theme-switcher/)


> [Github Repo here] (https://github.com/anjalbinayak/dark-theme-switcher) 




Give your judgments!
Forget XAMPP! Create a dev environment | Part 1 | Install PHP
Tags: apache2, php, xampp, environment
Published: 2020-08-07 09:18:09

It's easy right? Just pushing your stuff into a directory somewhere on your pc then accessing it from a url? 

Well yeah, then you want to deploy your project into production and it breaks because of the url rules you had to set up in order to be able to work on it.

In this article i will show you how i do it after 2 years ( and i still have much to learn )

# Prerequisities 
You need some kind of package manager first. If you're on `linux` you're safe. Just

```bash
$ sudo apt-get install php7.3
```

But most of you reading this article for better practices aren't using linux. If you were, you wouldn't need this I'm sure. So, here you go then, package manager for Windows.

### Windows
> Wait what? Is there a package manager for Windows?

Well duh, ofc you dumbass. If you did not heard about it, you may've been sleeping under a rock or i dunno.

You can find everything here: https://chocolatey.org/install

Then it's just a matter of 

```cmd
choco install php --version 7.3
```

This command. You will find the php runtime library after the installation at "X:\tools\php". Since choco will adjust your environmental variables, you don't need to do anything after this, just reopen your terminal and enter:

> Please note that you may have to restart your terminal to make the changes take effect ( if you are using cmd or powershell )


```cmd
php -v
```

If you've done everything right, you should see the php version and the build number and some other weird stuff you may don't really understand yet. :smile:

### Mac OS

> Homebrew. Did you heard about it? You will need it.
It's quite essential for a Mac if you're a developer.

Here, follow this link and install: https://brew.sh/

If everything went smooth you should be able to install the php runtime library by entering this:

```bash
$ brew install php@7.3
```

You can find Part 2 here: 

{% link https://dev.to/hunwalk/forget-xampp-and-other-desktop-server-bundles-create-a-dev-environment-part-2-install-composer-3obj %}
Creative Product Card Design | E-commerce Card using HTML 5 & CSS 3
Tags: css, beginners, tutorial, design
Published: 2020-08-07 08:58:28

{% youtube HFMnHVJuzCM %}

This Project-based Tutorial is suitable for all especially Beginners. In this Tutorial, we'll build an Awesome Product Card UI Design | E-commerce Card Using Html5 & CSS3. 

📕 Images download link:  https://drive.google.com/drive/folders/10skmAWeZsdw5jOk6iHtJE09052VhlZZe?usp=sharing

🧠 Concepts covered in this video:
 - Flexbox
 - Modern Web Design
 - CSS transitions
 - Transforms

If you are interested in more real-world **project-based tutorials** then consider checking out the [**Code League**](https://www.youtube.com/channel/UCBF2LIwr2Odb3-pRnNBRegA) Youtube channel and inspire the tech industry.

Share this [video](https://youtu.be/HFMnHVJuzCM) with a friend

Let’s connect:
[Twitter](https://www.twitter.com/codeleague7) 
[Instagram](https://www.instagram.com/codeleague7)
KropiT: My first A.I Powered Android APP
Tags: machinelearning, computerscience, android, java
Published: 2020-08-07 08:19:56

We all at some point need a quick Digital-Photograph for our social media account or a quick passport-size photo for any document materials such as Office IDs, bank passbook, Voter Card, etc. But not always we have the time to click one or only have group photos with us, and We can all agree that manually cropping each face is too tiresome, So I decided to build KropiT App, which automatically generates precisely Cropped & perfectly Aligned Faces from the image just by CLICKING A BUTTON!

Link to KropiT Play Store: https://play.google.com/store/apps/details?id=com.abhitronix.app.picitz

KropiT with its simple, smart, and self-explanatory UI, comprises of offline Deep Learning & Vision Algorithms, that facilitate it to dig into millions of pixels and come out with precisely cropped photos of desired dimension and preferred format in no time. These algorithms are powered with dual state-of-the-art pre-trained Deep Learning models (optimized exclusively for ARM devices) at its backend, that Detects, Aligns, Crops, Compresses, and Resizes Single/Multiple faces in a given image with precision. Best of all, its smart AI automatically resizes the final cropped face to the user-specified aspect ratio. You can also specify the desired output image format of lossy JPEG and lossless PNG (as of now) and can be further extended to different formats soon. It accepts images from almost any source like compact digital cameras, DSLRs, scanned images, webcams, etc

KropiT also provided with built-in easy to use reliable, and multi-functional Camera that can take pictures in full 4K resolution, provides full Gestures support, Controlled HDR, flash, zoom, white balance, exposure, grid drawing & more. Besides AI cropping, it contains an avant-garde multi-featured Manual Refining Tool to achieve perfectly refined images. This Refining Tool offers a fully-featured Cropper and easy Scaling and Rotation corrections.

This app is also a savior for privacy. This app takes care of your privacy by ensuring that any precious personal data is neither stored in the app nor gets uploaded to the cloud, thus making your data very much safer in your device with no prying eyes.

Link to KropiT Play Store: https://play.google.com/store/apps/details?id=com.abhitronix.app.picitz

KropiT with fully-featured functionality, is just 20~23 mb in size. Its available free-of-cost in playstore for everyone. Please try out the app and give your valuable feedback.

KropiT Homepage: https://kropit.wordpress.com/
Privacy Policy: https://kropit.wordpress.com/privacy/
Minimal notepad with minimal stack
Published: 2020-08-07 08:15:55

I made [Kvak.io](https://kvak.io/?n=intro)—visiting the homepage generates a new note that can be instantly shared with anyone.

The whole thing is made with HTML/CSS, vanilla JS and Firebase. No authentication, no libraries. And that's not 'by design', but because I just don't know anything else.

Is this something you could find potentially useful? Or is such a product way too simplistic?
Tailwind CSS Dynamic Tabs
Tags: css, html, webdev, weeklyui
Published: 2020-08-07 08:09:29

Tailwind CSS is a popular and minimal utility base CSS framework. So here we made Dynamic Tabs in Tailwind CSS with the help of CSS and jquery.

In this element, we used the list component and utility class and jquery to make dynamic. Here we used custom class for active tabs and also used modify HTML tags with the help of CSS. we use jquery CDN and click function of jquery which help to make this element dynamical. This is responsive tabs with a mobile-friendly.

Make it yours now by using it, downloading it, and please share it. we will design more elements for you.

[Get Source code](https://w3hubs.com/tailwind-css-dynamic-tabs/)
Augmented Reality Glasses for Physical Fitness
Tags: ar, augmentedreality, arglasses, queppelin
Published: 2020-08-07 07:59:11

True that starting a day with a workout is the best gift one can give to one’s body every day. Augmented Reality (AR), a technology that got an identity with a popular game Pokemon Go is revolutionizing the industries including healthcare, education, and farming. AR will now transform how an athlete or a runner achieve the workout objectives. Running on a treadmill or even a morning walk often gets boring for many of the runners. A runner keeps waiting for the end of the workout session. What if this session turns out to be interesting like never before!  But how is it possible?? This is possible using the AR glasses. Learn More: https://www.queppelin.com/augmented-reality-glasses-for-physical-fitness/
In you opinion which language is perfect for learning Data structures and Algorithms ?
Tags: discuss, computerscience, algorithms, cpp
Published: 2020-08-07 07:57:37

Data structures and algorithms are most important part of developer's life. It's consider as a base or fundamental of CS. 

In you opinion which language is perfect for learning Data structures and Algorithms ?

I will prefer C++ because

- STL library.
- Inbuilt data structure.
- Faster execution speed.
- Community Support for DSA In c++
- OOP Concept

Share your reason to choose particular language?
Managing deeply-nested Flutter files
Tags: flutter, codequality
Published: 2020-08-07 07:26:47

One of many common problems a Flutter developer might face is that their widget files are easy to get crazily deeply-nested. This pose a problem because a deeply nested widgets are relatively harder to read.

One of the solution is to break it into separate, smaller chunk of widget. This way, you can maximize readability by containerizing each widget based on its functionality.

That's a good solution, but for me it's not optimal, because now, there are a lot of separate one-use widgets scattered in our project folder. One of the problem is it makes my naming harder, and it clutters my VS Code autocomplete.

So, it'll be better if we can break our deeply-nested widget file, without it clutters our IDE / editor autocomplete.

This is where I used `part` and `part of` directive.

This is an example of how I structure my files:

```
File: lib/widgets/my_widget/my_widget.dart

/// Import declarations

part 'my_top_widget.w.dart';
part 'my_center_widget.w.dart';
part 'my_bottom_widget.w.dart';

class MyWidget extends StatelessWidget {
  @override
  Widget build (BuildContext context) {
    return Scaffold (
      body: LayoutBuilder(
        build: (context, boxConstraints) {
          return ListView(
            children: <Widget> [
              _$MyFirstSubwidget();
              _$MySecondSubwidget();
            ],
          );
        }
      );
    );
  }
}
```

```
File: lib/widgets/my_widget/my_first_widget.w.dart

/// A "Part of" file cannot have its own import declarations

part of 'my_widget.dart';

class _$MyFirstWidget extends StatelessWidget {
  @override
  Widget build (BuildContext context) {
    // TODO: Return widget
  }
}
```

```
File: lib/widgets/my_widget/my_second_widget.w.dart

/// A "Part of" file cannot have its own import declarations

part of 'my_widget.dart';

class _$MySecondWidget extends StatelessWidget {
  @override
  Widget build (BuildContext context) {
    // TODO: Return widget
  }
}
```

Here are the steps:
1. Put the complex widget into its own folder (my_widget/my_widget.dart)
2. Prefixing the sub-widgets name with `_$` (You don't need the dollar `$` sign. It's just my way to differ it with a class-level private. The key is to make it private with `_`)
3. Postfix sub-widget file name with `*.w.dart`. It's just my personal convention to say that a widget is a sub-widget of another widget.

I would also like to add, that by postfixing your sub-widget files with `*.w.dart`, you can also make similar separate file for your helper function with `*.u.dart`, where u stands for utility. Again, you can choose whatever postfix you like.

Bonus advantage is, by using this approach, you can easily move the sub-widget out of the folder in case you need it to use it in another main widget. (Too many early refactors are not good)

Hope this tip helps you make flutter files more readable.

Cheers!

<a href='https://www.freepik.com/vectors/building'>Cover image provided by www.freepik.com</a>
An Ultimate Guide To Mobile App Maintenance
Tags: mobile, apps
Published: 2020-08-07 07:23:56

Mobile apps have gained importance for businesses due to its innovative features. User-friendly interface and marketing campaigns. If you have ever searched about app development, you might get a lot of stuff about app development frameworks, app development steps, app store optimization tips and so on. After the launch of the App, there is one thing that has its own importance i.e. mobile app maintenance. But there are just a few things that can guide you regarding the maintenance of mobile app. You already know the importance of mobile app development, but do you know the importance of app maintenance?

Here we will discuss all about the need, types and the engagement models of maintenance so that you can plan out your mobile app’s maintenance cost. 

#Need Of Mobile App Maintenance-
**1. Hardware-**
Nearly every 6 months, new hardware is being launched and adapted by each new phone that is to be launched. Hence your app should be optimized so as to work with modern hardware. This is a time where you need a maintenance team to make changes and release new versions.

**2. Operating system-**
Each year, there are new updates for iOS and Android version and accordingly apps should be updated for proper functioning.

**3. Update app with technological trends-**
Know more at- [https://solaceinfotech.com/blog/an-ultimate-guide-to-mobile-app-maintenance/]
Launch Your Free TYPO3 AWS in 5 mins!
Published: 2020-08-07 07:03:54

Are you looking for beginner level TYPO3 AWS installation and configuration? Then here go, In this article, you will install free TYPO3 AWS with a step-by-step guide.

In this guide, you'll find 

- Enterprise TYPO3 meets Scalable AWS
- What's a Free Tier in AWS?
- Available Free TYPO3 AWS Marketplace
- Step-by-step Guide to Free TYPO3 AWS Installation
- How to Access SSH & TYPO3 AWS Backend?
- What’s Next on TYPO3 AWS?
- FAQ on TYPO3 AWS

Read the complete blog at - https://t3terminal.com/blog/free-typo3-aws/
Day 3: Auto Generate TOC Github Markdown
Tags: github, markdown
Published: 2020-08-07 06:59:49

## Intro
After hiatus, I decided to continue my random note of my programming experience. Recently I am exploring markdown for filling wiki document in Github. I am used to write in Gitlab, and recently move to Github. I found something interesting when generating the table contents in the md document.

## Tools Used
I am using: 
- VS Code
- Github

## Auto Generate TOC
Honestly I don't know anything about this auto feature. I just have habit to create TOC in every wiki document. I didn't find this feature in Gitlab. So I am curious whether this is Github feature, or VS Code feature. 

Following is the step I did to generate the TOC. 
1. Create Wiki page document for my Github project. Click the `wiki` tab in the project repository.
2. Clone the wiki repository to your local repository.
3. Create heading with `#` for `h1`, `##` for `h2`, and so on.
4. Move to the beginning of the markdown document.
5. Type `Table of Contents` with `h1` format. Enter.
6. Type `-` to start the list. And type the first section with internal link, `- [Example](#example)`
7. Click Enter.
8. Save your document.

Voila!! Your TOC will be generated automatically based on heading level you've created.

![Table of Content Github Wiki](https://dev-to-uploads.s3.amazonaws.com/i/32h1fmw8cb9lyndp08p1.JPG)

See the `up to date` part? If you update the structure, it will be updated automatically too once you save the document.
I don't know about others, but I really like this auto feature :D
Why Dashboards are Valuable ????

Tags: datascience
Published: 2020-08-07 06:41:55

* Currently reading this beautify book called the "The Big Book of Dashboard" by Andy Cotgreave, Jeffrey Shaffer, and Steve Wexler.

* This Guys have combine 40 years of experience of building and understanding Representation of Data on Dashboard to understanding your business progress of it.

* Dashboard as Different value for Different position in the company.Which well help to understanding the progress going in the company for Top management and middle management would work on breaking down into corresponding Module to compare the difference in it .

* The Above Image in Web Page size but the detail representation of the image is so awesomely Placed.
Observation from the above Image Can be take as above:
Revenue Wise Details of Sales Done with respect to Region wise for last year in week wise Details.
* Performance of the Hotel with respect to the Group Revenue and the Region Wise Sales Performance .
* Details of the Room Revenue Generation for 52 weeks and its Detail of the snapshot in the above graph which breaks down Availability vs Occupancy.
* With each Week Average , High and Low of the Corresponding Week Performance .
* The further Down is the Breakdown of the Revenue by Hotel with each Region and its Variance of performance with respect to Group.
* Further Right is the representation of Map of world with All hotel marked into the Section with Symbols with Respect to performance of Revenue Generation.
* Further Breakdown of the Dashboard on specific Overplayed Click
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/11cp9yd8ckhlk4k4o4k3.png)
Break Down of the World Map
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/dra5tp09bxt01cy65pey.png)
>Conclusion
* Dashboards are the future for Decision making and business understanding as the data-points of business can be used and Place to generated the understanding from past Data.
* Analysing your own Business VS Sector and Their performance Compare to your Market Share , Product reach to Tier 1, Tier 2 and Tier 3 Cites is Very Importance Part of the Business.
* Global Understanding of the Sector , Growth and Dominance of Legacy Companies can make your Projection more Accurate.
* Best Way to use this would be integration of understanding into Tableau Visualisation ,Creating Stories and make Dashboards.
* Data Analysis using Dashboard and Real Time Dashboard for decision Making is the feature of the Product based Industry.