teleren/devto huggingface dataset:
Wrapping Up 2020 With These Tips
Tags: beginners, devlife, yearinreview, devcommunity
Published: 2020-12-31 18:28:13

2020 is about to end, and as the nature of law suggests every ending comes with a new beginning..!

2021 is about to start in less than an hour.

Most of the people already started to do parties (following COVID-19 Norms), waiting for the exact moment to send wishes to their loved ones, etc.

![Wish](https://dev-to-uploads.s3.amazonaws.com/i/1ra6q4sqwjc9qo4ot6bt.jpg)

This is my first blog post and it is related to you, us, and each individual working so hard to create or contribute to a better future, this is not much technical but reading this will definitely change perspective.

I just want to say a big thank you for the awesome people and developer community out here, it feels like I'm writing to my family.

This is my small wish and message to all of you amazing people.

Back to the pre-COVID era where Industries, Companies, and the whole world was running very smoothly but one microscopic virus changes the whole system.

The whole world is affected by COVID-19, Many of us lost our loved ones, families faces financial crisis, and so on so forth.

But apart from these, we are still alive and breathing right now, that is the most precious gift we should appreciate and thank god.

![Child](https://dev-to-uploads.s3.amazonaws.com/i/8k4pljqvrqmg61ji6uep.jpg)

### If we look a bit at 2020, The year itself teaches us a lot:
- It teaches us to love ourselves and our family i.e nothing is permanent. 

Just think about the child who lost his mom and he can't do anything or the father who lost his child in this pandemic, There are so many stories like that.

- Aim is to take out time and hang out with family and friends, whoever you think he/she should be.

we don't have much time, our time is limited, invest in a good way for a good cause.

- Admire yourself
  You are a good person, you help others and you got help in unexpected ways.

- Keep Yourself Fit and Healthy
As the year comes to end and the new year arrives, Most of us will make resolutions, but please don't just make resolutions keep them in work-life too.

If you want to go to the gym just do that, if not,Do at home, and make yourself fit.

The goal is to make yourself fit from body and mind in every possible aspect.

- Healing  is essential

# Wrapping Up

In the end, I just want to say that

Dear 2020, Thank you for the year which taught us so many things..!

You've taught us the goal, the goal is not to be rich nor to be famous but it is to be happy 😊  and live in the present and enjoy every bit of it.

The goal is to spend time with family and make them happy and care for each other..! 

Thank you for reminding us that we've to care and love mother earth 🌎, 
2020 isn't the year to hate but the year to learn and appreciate the value of life.. ❤️🙌
Why I choose WebStorm over VS Code
Tags: vscode, webstorm, javascript, typescript
Published: 2020-12-31 18:26:37

> The simplest answer is "I don't know!", but here is some analysis.

VS Code is the one of the best free and open-source editor available that can compete with most of the paid editors and IDEs, 
It has a huge community and extension support, if you're thinking about some feature, just search for it in the extensions, most probably which will be there. And VS Code is very much customisable, light weight, simple to use, 

> I am a huge fan of VS Code.

## Then why WebStorm?
## How I came to WebStorm?
I read about WebStorm, I did a trial, didn't like WebStorm, came back to VS Code, again read about WebStorm, no change back to VS Code, I did this multiple time,

When I had to work with large projects with lots and lots of files, felt something is missing in VS Code. At that time, I realised, how WebStorm is better than VS Code.

These are some of the point I came up to choose WebStorm over VS Code.
- It's an IDE, so it has most of the basic features built into it, no need of extra extension, so that most of the features works seamlessly.
- Much better performance with large projects.
- Much better refactoring.
- Even if it's an IDE, simple and cleaner UI.
- Built in support for most of the common front-end frameworks.
- Better support for version control system like git.
- Better intellisense

> If you're working on large projects and you can spare the money for WebStorm, just go for it.
jsonwebtoken javascript
Tags: npm, express, node, javascript
Published: 2020-12-31 18:25:05

I can't verify the token. I got result undefined


// @type    POST
// @route   /login
// @desc    route after login
// @access  PUBLIC
router.post('/', (req, res) => {
    const email = req.body.email;
    const password = req.body.password;
    Person.findOne({ email })
        .then(person => {
            if (!person) {
                res.render('login', {errmsg: 'User not found'});
            }else{
                bcrypt.compare(password, person.password)
                    .then(isCorrect => {
                        if (isCorrect) {
                            const payload = {
                                id: person.id,
                                name: person.name,
                                email: person.email
                            }
                            jwt.sign(payload, keys.mongodb.secret, {expiresIn: 3600}, (err, token) => {
                                console.log(token);
                                // res.redirect('/account');
                                res.redirect('/login/account')
                            });
                        }else{
                            res.render('login', {errmsg: 'password not valid'});
                        }
                    })
                    .catch(err => {
                        console.log(err);
                    });
            }
        })
        .catch(err => {
            console.log(err);
        });
});




// @type    GET
// @route   /login/account
// @desc    route after login
// @access  PRIVET

router.get('/account', authCheck, (req, res) => {
    jwt.verify(req.token, keys.mongodb.secret, (err, data) => {
        if (err) {
            res.send('err inside route');
        }else{
            res.send('protected route');
        }
    })
    console.log(req.user);
});

function authCheck(req, res, next){
    const bearerHeader = req.headers['authorization'];
    if (typeof bearerHeader !== 'undefined') {
        const bearer = bearerHeader.split(' ');
        const bearerToken = bearer[1];
        req.token = bearerToken;
        next();
    }else{
        res.send('not working');
    }
}
Adding Custom Domain to Azure App Service
Tags: azure, godaddy, customdomain
Published: 2020-12-31 18:16:14

* In App Service, ensure that your App Service Plan is set to a level that supports Custom Domains (e.g., Production S1, runs about $45/month)
![Choose App Service Plan that supports Custom Domains](https://dev-to-uploads.s3.amazonaws.com/i/1qsy5x4fpbi3pj1cve3u.PNG)
* In App Service, click on Custom Domains and then Add Custom Domain
![Add Custom Domain](https://dev-to-uploads.s3.amazonaws.com/i/qwva39a0gpd8uign7iyb.png)
* There are some steps you need to follow to verify that you own the domain name. 
* NOTE: in Godaddy, if you are having a hard time validating ownership, add more TXT and CNAMEs - some combination of the following worked for me: 
![Godaddy DNS Settings for Azure Custom Domains](https://dev-to-uploads.s3.amazonaws.com/i/qgdvs0lcx7y4fucjqls9.PNG)
* Once your custom domain is validated, you need to add SSL - YOU DO NOT NEED TO PAY FOR ONE. Just click on Binding and follow the instructions for creating a SNI SSL Binding. 
* Finally, you can add a A record to your DNS in Godaddy that points to your Azure App Service IP address (found on the Custom Domains blade). 


Fairly basic, but the documentation between the two sites never seems to be very clear, and I always end up spending more time on this than I should have to. I will add some more details the next time I do this (I captured these from memory after spending a couple of hours over the last few days trying to figure out why it was not working properly).
Crio Winter of Doing - A unique externship opportunity
Tags: resume, showdev, computerscience
Published: 2020-12-31 18:03:44

Hello all 👋 
Crio Winter of Doing is here, and India’s top startups are lining up their tech challenges for you. Join India’s largest tech externship program for developers. 
> Work on challenging tech projects (externships) from exciting startups
> Interact with the biggest names in India’s tech industry
> Participate in engaging Masterclass sessions from top engineers in the country
> Get discovered by Crio’s hiring partners

Apply now - https://bit.ly/crio-wod
 
Limited slots are available !!
MediDoc: Update 3 - Admin Approval and Profile Page
Tags: dohackathon, django
Published: 2020-12-31 18:01:51

Check out the first post to see what I am building for this hackathon!

## Admin Approval

In general, admins (local authorities) approve an application for registration of a hospital, pharmacy, or diagnosis center in the platform.

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

## Profile Page

Profile page for medical users (hospital/pharmacy/diagnosis centers). They are publicly accessible.

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

Stay tuned for the next update!

## Try It Out
To try it out, please create a patient account [here](https://medi-doc-njgqo.ondigitalocean.app/accounts/signup) and a medical account [here](https://medi-doc-njgqo.ondigitalocean.app/accounts/signup/medical) (note that admin has to approve the medical accounts, so please wait a bit!).

Alternatively, you can use the following demo medical accounts:
- devto-hospital
- devto-diag
- devto-pharmacy

And the patient account:
- devto-patient

Password for all of them is: medidocpass@abc

Let me know what you think!
The 5 Best Google Poly Alternatives
Tags: news, augmentedreality, unity3d, resources
Published: 2020-12-31 17:48:48

**HAPPY NEW YEAR EVERYONE!!!**

[Google Poly] (https://poly.google.com/) will be shutting down forever on June 30, 2021. For those looking for fill the void to be left by Google Poly, note that [echoAR] (https://www.echoar.xyz/) was just named one of the best Google Poly alternatives by MakeUseOf magazine. 

Read more here: https://www.makeuseof.com/best-google-poly-alternatives/
Your First JavaScript challenge in 2021: 30 Days of JavaScript
Tags: react, javascript, python
Published: 2020-12-31 17:48:10

I am a developer, instructor, and content creator. I am the creator of 30 Days of JavaScript, 30 Days of Python, and 30 Days of React. 

Today, I would like to inform you about 30 days of JavaScript. It was the most popular JavaScript learning material in 2020 and I believe it will be for the next five years. It has been trending on GitHub for a couple of months in 2020. 

This material helped thousands of developers to master JavaScript and improve their problem-solving skills and most students and developers use it as standalone reference material for JavaScript. 

This challenge has both basic and advanced concepts, more than 600 questions, and more than 15 projects. 

The challenge has also a very supportive telegram group that helps people whenever they get stuck. 

If you have a plan to learn JavaScript in 2021, you may try to check 30 days of JavaScript first. 

Here is the link:
30 Days Of JavaScript: https://lnkd.in/efqy_df

## Other challenges

30 Days Of Python: https://lnkd.in/epW6d_U
30 Days Of React: https://lnkd.in/d8VAS2J
RDBMS Concept
Tags: sql, opensource, datascience, database
Published: 2020-12-31 17:47:08

"Relational Data Model" is the most used data model because it data independence. So "what is data independence now?". 
Answer is  if a database system is not multi-layered, then it becomes difficult to make any changes in the database system. Hence, Database systems are designed in multi-layers so the term data independence comes.

A database system normally contains a lot of data in addition to users’ data. For example, it stores data about data, known as metadata, to locate and retrieve data easily. It is rather difficult to modify or update a set of metadata once it is stored in the database. But as a DBMS expands, it needs to change over time to satisfy the requirements of the users. If the entire data is dependent, it would become a tedious and highly complex job.

Ok! Now continue with our topic . So in database data is stored in simple data structure Table: This provides logical and physical data independence and physical storage independence.

Guys what if i tell you there can be substitute or an alternative for relational data model. Yes! you heard it right. It is called "Entity Relationship Model".

It proposes thinking of a database as a collection of data rather than being used as a model on its own.

The ER model is used as a tool to design relational databases. In ER model, entities are objects that exist independently of any other entities in the database.
There are two building blocks of ER Diagram: 1)"Entity": It is noun that can be person, place or thing and can be drawn as rectangle.
2)"Attributes": Entities have attributes which are the data elements that characterize the entity. It tells us more about entity. Drawn as Oval shape.

An example for this two building blocks can be given as BOOK(entity or table name) and price, title, author and description are its attributes(columns names in table BOOK).

Each table is assigned a "primary key" which uniquely identifies each tuple or row in a table, preventing duplication of data and providing a way of defining relationship between tables.

Table can also contain "foreign key" which are primary key defined in other tables, creating a link between the tables.

In next post we will try to understand about basic sql statements.
Do we need another state management solution?
Tags: react, question, webdev, npm
Published: 2020-12-31 17:30:24

---
title: Do we need another state management solution?
published: true
description: 
tags: react, question, webdev, npm
//cover_image: https://direct_url_to_image.jpg
---

So I spent several years working with redux + rxjs. Honestly epics and streams add so much cognitive complexity that it hugely affected the learning curve for new starters.

We then completely scrapped redux in favour of react-query. I've used it in enterprise apps for a year and I loved it. But it still didn't quite do what I wanted. I've yet to find a situation where I want to arbitrarily refetch my data, or refetch on window focus. Maybe for a chat app or something with constantly changing data. I also wish it was lazier, and smaller, and had better refetching logic.

So recently I started playing with recoil. But what starts as a very react-ey api quickly becomes convoluted and hard to read. And I also couldn't get past the whole "selectors should be idempotent" while also showing me a selector that reads from a database!

I also started to play with relay but I quickly abandoned it as the api just felt really awkward to me.

So like every npm package ever, I think "well this does 70% of what I want it to do". And like half of every npm package ever, I think "maybe I'll try writing my own version!"

I started playing with a proof of concept, using it in personal projects, refining it, iterating on it, and I've actually reached a point where I genuinely enjoy using it more than other libraries.

What do I do now? Do I publish it? Should I bloat npm even further with something that is really quite similar to existing products? Can I compete with Facebook et al? Do I even want to? Does the world really need yet another state management solution?

That's not rhetorical, I'd genuinely like your thoughts on this!
SQL Concepts
Tags: sql, datascience, database, opensource
Published: 2020-12-31 17:12:46

SQL(Structured Query Language)

A language used for relational database to query or get data out of the database. But what is data? and what is database?.

We know that data is collection of facts in the form of words, numbers,or even pictures. But this data needs to be secured or stored as data is most critical assets for any business. The answer is a database. 

Database is a repository of data. In a relational database we can form relationship between two tables, so it is a repository of data.

Now let's dive little deep and understand the other concepts also. 
Hence now question "what is dbms?" coming in mind because every time you hear about sql, the term dbms is associated with it.

So set of software tools for the data in the database is called a Database Management System or for short DBMS.

Next thing is RDBMS that is Relational Database Management System which is a set of software tools that controls the data such as access, organization, and storage.

Next post will be on Relational Database Concepts.
The Instagram Hashtag scraper
Tags: python, showdev, datascience, contributorswanted
Published: 2020-12-31 17:12:20

In this series, I have presented `instascrape`'s `Profile` and `Post` scrapers and discussed what data points they collect. For this post, we're going to look at what the `Hashtag` scraper is able to scrape.

{% github chris-greening/instascrape %}

The `Hashtag` scraper scrapes 22 data points associated with an Instagram hashtag. 

Instance attribute names have been chosen to be semantic and easy to understand. 

# The data points

The best way to learn is by example so we'll take a look at the #google hashtag's scraped Instagram data. 

All `instascrape` scrapers have a `to_dict` method that returns all data as a dictionary so we can see everything in one shot. 

```python
from instascrape import Hashtag 
google_hashtag = Hashtag('google')
google_hashtag.scrape()
google_hashtag.to_dict()
>>>
{'csrf_token': 'jfndsjklfhdasjklfhsdjklfasdhnfkjlsda',
 'viewer': None,
 'viewer_id': None,
 'country_code': 'US',
 'language_code': 'en',
 'locale': 'en_US',
 'device_id': '12345678-1234-1234-1234-123456789012',
 'browser_push_pub_key': '1245643253543556555564',
 'key_id': '87',
 'public_key': 'alskdfnkl123213123ALSKDNfjklsdfasdfndsalfasdlfkh',
 'version': '9',
 'is_dev': False,
 'rollout_hash': 'b10813bd9030',
 'bundle_variant': 'es6',
 'frontend_dev': 'c1f',
 'id': '17843843635029645',
 'name': 'google',
 'allow_following': False,
 'is_following': False,
 'is_top_media_only': False,
 'profile_pic_url': 'https://scontent-lga3-1.cdninstagram.com/v/t51.2885-15/e35/c0.79.639.639a/s150x150/133888980_3517051138410873_6063716563788721688_n.jpg?_nc_ht=scontent-lga3-1.cdninstagram.com&_nc_cat=109&_nc_ohc=eteNTk5Tu3MAX98AX8f&tp=1&oh=c2e1906a7d31777531b1f5949c4ae81a&oe=60189A13',
 'amount_of_posts': 9350019}
```

If you're interested in seeing `instascrape` in action, check out some of my other posts that explore practical examples:

{% link https://dev.to/chrisgreening/scraping-10-000-data-points-from-donald-trump-s-instagram-page-with-python-2jcg %}
{% link https://dev.to/chrisgreening/downloading-an-instagram-profile-s-recent-photos-using-python-25b2 %}

In the next part of the series, we will be exploring what attributes are provided by the `Location` scraper.
Cara Merubah Email Facebook Yang Lama Ke Email Baru
Tags: email, facebook
Published: 2020-12-31 17:06:32

Cara merubah email facebook yang lama ke email baru Ada beberapa hal yang menjadikan sebagian orang melakukan perubahan email terhadap akun facebook miliknya, salah satu faktor yang menjadikan seseorang melakukan perubahan email adalah untuk kepentingan privacy, namun ada juga yang melakukan perubahan terhadap email facebook miliknya dengan alasan memaksimalkan email yang aktif.


Kemudian Pertanyaannya Bagaimana Cara Merubah email Facebook yang lama Ke email yang Baru? Tenang sobat tidak perlu khawatir karena sebelumnya saya juga pernah mengalaminya. waktu itu saya menggunakan akun email yahoo untuk login facebook saya dan kemudian saya rubah ke email baru saya dari google yakni gmail.

Cara ini dijamin 100% work dan tentunya tidak ribet, oke langsung saja ke langkah lankahnya ya.

Cara merubah email facebook, Penasaran caranya yuk ikuti dengan teliti sistematika perlakuannya. cekidot  :

Cara merubah email facebook lama ke email baru
1. Pastikan sobat sudah memiliki email lain selain email account facebook.
2. Login ke account facebook lama sobat.
3. Setelah Masuk Langsung menuju ke setting yang ada di pojok kanan atas facebook sobat yang tanda segitiga itu ya sob. kemudian klik pengaturan umum.
4. Pada kolom kontak utama ada email lama sobat kemudian sejajar dengan email ada tulisan sunting dan klik tulisan tersebut.
5. Kemudian dikolom kontak itu sobat bisa menambahkan email baru nya.
6. Setelah itu sobat memiliki 2 kontak email difacebook sekarang tinggal sobat pilih email yang baru tadi dengan cara klik tombol bulat di depan email baru tersebut.
7. Setelah itu simpan Perubahan.

Demikian Sobat cara merubah email facebook lama ke email yang baru, untuk mencobanya sobat bisa langsung log out dulu baru log in lagi ya. catatan perubahan email tidak merubah pasword facebook yang lama ya.

Jika artikel ini bermanfaat dan membantu anda silahkan like koment dan share artikel ini agar lebih bermanfaat lagi.

Semoga Bermanfaat.

Terimakasih

Source : http://www.alternatifmu.com/
Eye of the Dragon!
Tags: noise, canvas, zim, zimjs
Published: 2020-12-31 16:57:12

<i>Story of experiments with Noise - in ZIM - code creativity!</i>

"I was wanting to adjust Bloob to make rings of noise that animate out at the viewer.  Here is Bloob for reference: https://codepen.io/zimjs/pen/XWjrmoQ

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

---

I added a circle at the end of each ray and took away the rays: 

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

---

Making these bigger and dropping the alpha I ended up with a nice effect.

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

---

And adding three of them with different colors I got this:

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

---

Finally, I tightened the radius that the noise values are giving and then thought it looked like the Eye of the Dragon! Then I animated the Noise in time and made the app interactive by adding a New Years Advice when rolling over or clicking the center - try it out here: https://codepen.io/danzen/pen/ExgQRjW

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/84xinawidblinnc4r99x.jpg)

Dr Abstract

---

It is a little tricky working with ZIM Generator and I have only made a few examples like here: https://zimjs.com/cat/generator.html but these are all one pattern as opposed to a complete pattern moving in time.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/7g0t55ljya79kovogkfb.jpg)

---

If you have not checked out the Canvas recently - you simply must!  Here is the [ZIM&nbsp;Dev&nbsp;Site](https://dev.zimjs.com) and some [In-depth&nbsp;Guides](https://drabstract.medium.com/) by Dr&nbsp;Abstract including [Your Guide to Coding Creativity on the Canvas](https://drabstract.medium.com/your-guide-to-coding-creativity-on-the-canvas-ada0996298f6).