teleren/devto huggingface dataset:
I built covidnews.media while being in COVID-19 lockdown 📰📢
Tags: showdev, javascript, react, node
Published: 2020-04-08 17:04:07

---
title: I built covidnews.media while being in COVID-19 lockdown 📰📢
published: true
description: I developed a COVID-19 news web-app that provides short summarized news from the leading Indian news sources and A Live COVID-19 Tracker for India.
tags: #showdev ,  #javascript ,  #react ,  #node
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/fb2h9wnq1pfz60uvzqsb.png
---
The last semester of my Engineering has been going on and then the covid-19 outbreak happened💔. Hope all of you are doing well😅 

While being locked down, I was getting bored😴 and decided to build something and then the idea💡 of a news app popped up, a news webapp that gives you all the latest COVID-19 news of India from leading news sources in a short summarized form at a single platform.

![covidnews.media landing page](https://dev-to-uploads.s3.amazonaws.com/i/3n419rycgpxw1h8z6og2.png)

During this development period, a lot of COVID-19 related apps launched and most of them were Tracker, still I wanted to see what I can come up within around one and a half week 😃

The Backend recursively scrapes the latest COVID-19 news and then passes it to the Text Summarization AI model API which results in short summarized clutter-free news.
Backend serves the news through the REST API.
The backend is written in Node js and Express js, The client-side is written in React.js.

![Dashboard](https://dev-to-uploads.s3.amazonaws.com/i/75052rrnb1l33559c3ul.png)

In the Client Side, I used crowdsourced COVID-19 patient data to create a COVID-19 tracker Dashboard which shows the latest updated daily and cumulative data using charts, State-wise data is shown in table form which gives the latest updated numbers.

![news card](https://dev-to-uploads.s3.amazonaws.com/i/jj48wuewax0mkhdop45e.png)

Frontend consumes the news API to show the text-based news. The news can be shared with the WhatsApp Messaging app using the share button and it also consumes the Youtube API for video news.

![video news](https://dev-to-uploads.s3.amazonaws.com/i/6md7taydop3q0xgwv8nh.png)

The App is fully responsive in nature and deployed [here](https://covidnews.media)
⚙️[Backend](https://github.com/avinashbharti97/newsScrap) 
💻[Frontend](https://github.com/avinashbharti97/newsScrapFrontend)
🎯[Demo](https://covidnews.media)
 
[WIP]
📌To Do:-
👉Add Interpolation of change in percentage of daily numbers to predict when the curve will flatten.
👉Add images of text based news.
👉Integrate tweets of official handles dealing with covid-19.
👉integrate more news platform for text news.

Thanks for Reading 🙏
TypeScript or Terminal: Which would you learn over text message? 💬
Tags: twiliohackathon, typescript, terminal, beginners
Published: 2020-04-08 16:45:57

---
title: TypeScript or Terminal: Which would you learn over text message? 💬
published: true
description: Trying to decide between two projects for the Twilio Hackathon
tags: twiliohackathon, typescript, terminal, beginners
series: Twilio Hackathon
---
Hey all!

Which number would you like to text? 

a. **31TYPES**: Explore open source typescript code and learn about the types that people use in real code! Text `random` to start at a random type, `list` for available projects, or just text `help`!
b. **4TXTERM**: Practice the command line, over text message! Try starting with `ls`, or dive into git with `git status`!

Votes, questions, thoughts...leave them in the comments! And follow for updates.

-- Ryan
Jamstack Registration Form
Tags: javascript, jamstack, serverless, webdev
Published: 2020-04-08 16:24:39

---
title: Jamstack Registration Form
published: true
description: It's very simple to create registration form using Jamstack. This form shows how powerful and easy to create registration form using JamStack
tags: #Javascript, Jamstack, Serverless, webdev,
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/u0tlxarym5uiyxwf7pmy.png
---
It's very easy to setup serverless registration form using Jamstack.
#🛠 Tools & Tech
- Visual Studio Code
- Terminal
- Github
- Netlify
  

#⚙️ Initial Setup
Setting up Jamstack app

Create an empty folder (i.e. jamstack-registration-form) 
```$ mkdir FOLDER_NAME```
Setting up jamstack app (make sure you are running node 10 and above)
```$ yarn init -y```
Now create a folder called src
```$ mkdir src```
Create **index.html** file within src folder which contains registration form.
{% gist https://gist.github.com/vish448/9941828fff94fe8b3e3ac272dc180782 file=index.html %}
Only netlify setup with the form is form tag **data-netlify="ture"** which actually sends form data to your site. And for Spam Management **netlify-honeypot="bot-field"** to avoid any spam.

###📁 Folder Structure
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/yycw93oxbf1hs16clvrx.png)

#📷 Create a GIT Repo
Create a new repo and pushing your code to the git.
```javascript
git init
git add -A
git commit -m 'COMMIT MESSAGE'
git remote add origin YOUR REPO URL
git push -u origin master
```

#🚀 Continuous Deployment with Netlify-cli
To install netlify CLI follow the Netlify Documentation
[Netlify-cli Installation Docs](https://docs.netlify.com/cli/get-started/#installation)
To create new netlify site with netlify-cli
```netlify init```
###Answer series of questions
```python
? what would you like to do? + Create & configure a new site
? Team: Your Team 
? Site name(optional): Your site name
? Your build command: I leave it blank at this point
? Directory to deploy: src
```
Done! ✅

The site is ready. Now, whenever user make any submission to this form it will get recorded in netlify forms. The data can be exported in .csv or with custom functions data can be recorded in any databases like FaunaDB or Hasura etc.
Range and T-Shaped Things
Published: 2020-04-08 16:17:03

One of the fascinating points in his wonderful book, [Range: Why Generalists Triumph In A Specialized World](https://davidepstein.com/the-range/), is when David Epstein explains why a "T-shaped" person with a broad base of knowledge across many subjects is often more innovative and makes better decisions within their area of specialty.

Epstein finds that a breadth of knowledge encourages a person to make connections, think laterally and avoid the group-think of other experts in their field. This agile thinking is particularly important for solving what Epstein calls "wicked" problems, problems that are unique, complex and not rule-bound. This describes a lot of the most important problems out there and is contrast to "kind" problems, that have well defined rules and are repeatable.

For example, a golf swing is kind (despite what many golfers may think) because the general parameters remain the same every time. You aren't often given a shovel to use in the back 9. You can practice and perfect the relevant techniques. 

Examples of wicked problems include geo-political conflicts and the famous examples of decision making gone wrong like the Challenger space shuttle disaster. Think novel situations with imperfect information and clouded motivations.

#T-Shaped Software Design

For (much, much) lower stakes, the concepts of T-shaped and having broad range helped me articulate an advantage I thought my previous company had while working on contact center projects. We were brought in as subject matter experts on implementing contact center software like Twilio. Clients expected us to implement a contact center that was cost-effective in a timely fashion. 

What ended up frequently happening was that our teams would dig into the problem as presented and surprise the client by suggesting non-contact center solutions. For example, we'd suggest ways to improve an app experience or streamline a process such that there was less need for customers to even use the contact center.

Our advantage here was having teams with broad consulting backgrounds who didn't live and breathe just contact center all the time. Having developed lots of types of apps for lots of business scenarios, we had the range and the T-shaped knowledge to connect our current problem to past ones and propose novel solutions. And it was really the combination of deep knowledge about the contact center platform and broad knowledge of other contexts that gave us the edge.



*Range* has a lot more going for it that I didn't cover here. Give it a spin and I think you'll learn even more about how diversity of thought, experience and background can give you and your teams an edge as well.



As always happy reading!
About Ruby Hash#< (Proper Subset)
Tags: ruby, hash, documentation
Published: 2020-04-08 16:13:29

---
title: About Ruby Hash#< (Proper Subset)
published: true
description: 
tags: ruby, hash, documentation
---

Get more information and more examples at my AboutRuby project:
* [AboutRuby project](https://github.com/BurdetteLamar/AboutRuby/blob/master/core/Hash/api/markdown.md#-proper-subset)

Here's the write-up over at the Ruby project:
* [Ruby project](https://ruby-doc.org/core-2.7.0/Hash.html#method-i-3C)

My main page is [here](https://github.com/BurdetteLamar/AboutRuby#about-ruby).

TL;DR

I've been working on enhancements to the documentation for the Ruby project.  Getting these enhancements posted to the Ruby project has been very slow.  They're not actually meeting resistance;  I know because my many PRs for enhancing class ENV were accepted (though not rapidly).  It's just that everyone is busy.

Anyhow, I'm stashing all this stuff on in my own project, called AboutRuby.  The piecemeal migration from there to the Ruby project is not going to be completed in my lifetime (I'm 77 years old).

So:  I'm going to blow my own horn here on DEV, to encourage you to use the enhanced documentation.
100daysofcode Flutter
Tags: 100daysofcode, flutter
Published: 2020-04-08 15:57:12

day 30/100 of #100daysofcode #Flutter
Learning Flutter , courses Udemy from
@maxedapps

Today learning uses of "show" , "as" , and implement some constructor, listview.builder
https://github.com/triyono777/100-days-of-code/blob/master/log.md
Azure Twitch Stream - Jay Gordon - 4/8/2020 - Kubernetes, Datadog, Chaos Engineering w/ Gremlin
Tags: kubernetes, azure, chaos, twitch
Published: 2020-04-08 15:46:18



Today's stream shows you how to get started with using Azure Kubernetes Service. I install a microservices application and explain to you the different features within AKS and how to deploy, scale and monitor your application.  

During my initial installation of the application, one of my microservices did not come up. You'll work with me on using `kubectl` to troubleshoot a failing service.

{% youtube gA2sp0vKCGA %}

Today's stream came with a ton of fun music by bands like Mr. Bungle and Sepultura.  I create a little [CHAOS AD](https://www.youtube.com/watch?v=6ODNxy3YOPU) and have you join me for the journey.  

Thanks much to the Queen of Chaos, [Ana Margarita Medina](https://twitter.com/Ana_M_Medina) from Gremlin for inspiring me with the amazing workshop her and the team at Gremlin have put together around chaos engineering game days.  We've teamed up before on doing a lot of the things I go over in this stream.  Thanks always for helping everyone learn more about their infra!

{% twitter 1205322369520340997 %}

-------


### **Resources:** 

These resources can help you in getting additional documentation or access to services mentioned in this stream.

[Free $200 Azure Services](https://azure.microsoft.com/free/?WT.mc_id=akschaos-devto-jagord)
[Azure Kubernetes Service (AKS)](https://docs.microsoft.com/azure/aks/?WT.mc_id=akschaos-devto-jagord)
[Introduction to Azure Kubernetes Service](https://docs.microsoft.com/learn/modules/intro-to-azure-kubernetes-service/?WT.mc_id=akschaos-devto-jagord)


[kubectl cheat sheet](https://kubernetes.io/docs/reference/kubectl/cheatsheet/)
[Hipster Shop Microservices Demo](https://github.com/GoogleCloudPlatform/microservices-demo/)
[aks-acr-all-in-one script](https://github.com/jaydestro/aks-acr-all-in-one)
[Datadog](https://datadoghq.com)
[Gremlin](https://gremlin.com)
[Principles of Chaos Engineering](https://principlesofchaos.org/?lang=ENcontent)

### **The Author**

![jay](https://dev-to-uploads.s3.amazonaws.com/i/05dmdochr6rqhk09vzjc.jpg)

If you're running into issues and need assistance with AKS or any other Azure service, reach out to me:

Twitter: [@jaydestro](https://twitter.com/jaydestro)
Twitch: [jaydestro](https://twitch.tv/jaydestro)
Github: [jaydestro](https://github.com/jaydestro)

I am always happy to hear from developers and engineers who are trying to implement new services to improve their experience for their customers.
Redis Vs. Memcached
Tags: misc, redis
Published: 2020-04-10 16:06:33

---
title: Redis Vs. Memcached
published: true
date: 2020-04-08 15:38:00 UTC
tags: Misc,misc,Redis
canonical_url: https://coderscat.com/redis-vs-memcached
---

Redis and Memcached are both popular in-memory data storage systems.

Aws has a comparison for them. We can see from the table, Redis beats Memcached almost in every aspect:

![CAPTURE-2020_04_08_redis-vs-memcached.org_20200408_233953.png](https://coderscat.com/wp-content/uploads/CAPTURE-2020_04_08_redis-vs-memcached.org_20200408_233953.png)

## Performance

Memcached has better performance for big data, such as data of 100k or above.

[Redis is single-threaded](https://coderscat.com/why-redis-is-single-threaded) and will beat Memcached on small data reading and writing.

## Data types

There is only string type in Memcached.

Redis supports many kinds of data types, including string, set, list, hash, sorted set, geo, bitmap.

These data types are useful for different scenarios and needs.

The largest data size can only be 1 MB in Memcached, while we can use the maximum of 1GB in Redis.

## Persistence

Memcached does not have a mechanism for persistence.

Redis supports AOF(Append Only File) and RDB persistence for persistence. This is very important for many applications. We could use Redis as a NoSQL database.

## Scaling

Memcached itself does not support distributed mode. We need to adapt distributed algorithms such as Consistent Hash for distributed storage of Memcached.

Redis provides builtin support for clustering and is bundled with a high availability tool called **redis-sentinel**. Redis Cluster supports a maximum of 4,096 nodes.

## Conclusion

Redis could do everything that Memcached targeted to.

Choose to use Redis whenever possible.

The post [Redis Vs. Memcached](https://coderscat.com/redis-vs-memcached) appeared first on [Coder's Cat](https://coderscat.com).
How Covid-19 will change the Mindset of Tech Companies?
Tags: aws, docker, devops, computerscience
Published: 2020-04-08 15:33:52

AS we all know we are in the crisis situation and observing the panic time.

what are your observations on IT sector worldwide. How programmers from startup and big giants like AWS, Microsoft , google , IBM , Oracle are looking at the things and making decisions.

Whats your take on this , The video conferencing App Zoom has minted billions od dollars in this crisis. How that idea can be so rewarding .?
Quick And Dirty Java Makefile
Tags: java, makefile, beginners, devjournal
Published: 2020-04-08 15:07:24

I'm not a Java user and know next to nothing about it.  Today was my first time ever running a line of Java directly.  If you've *ever* used Java before, this is not going to blow your mind.

As part of my Ruby learning journey I'm working on translating some Java (specifically from the excellent [Crafting Interpeters](https://craftinginterpreters.com/) book), and while my Ruby implementation is the focus I want to be able to follow along locally with both languages.  However, I didn't want to spend a ton of time learning about a whole ecosystem that I'm not targeting.  Previously, I'd always assumed Java required bulky build tools and IDEs and lots of peripheral knowledge to hook everything up.  I thought I *needed* use a full-fledged tool like Eclipse or IDEA to set up all the details for you and had no sense of how the build process worked.

As it turns out, while you can lean on tooling, you can of course *also* just pop some Java code in a text file and build and run it by hand!  There is a `javac` CLI tool.  Either use it directly or use GNU make to invoke it automatically.

Here's what I'm starting with:

```makefile
JAVAC=javac
sources = $(wildcard *.java)
classes = $(sources:.java=.class)

all: program

program: $(classes)

clean:
	rm -f *.class

%.class: %.java
	$(JAVAC) $<

jar: $(classes)
	jar cvf program.jar $(classes)

.PHONY: all program clean jar
```

*edit: added phony targets!  Thanks Michael.*

With this, you can invoke `make` to compile a `Thing.class` bytecode file for each `Thing.java` source file present.  Then you get to run `java Thing` to execute it!  You can also use `make jar` to roll everything together into a jar file.

All in all, not so different from anything else I've ever used!

This is, as promised, "quick and dirty".  You can go forth from here and further customize your makefile, but if you want to do more than just quick experimentation, I do still think the IDE/Java-specific build tool route ([Maven](https://maven.apache.org/), [Gradle](https://gradle.org/), etc) is gonna be the way to go.  For non-Java-users who just want to plunk about without wasting too much time on peripherals, though, this'll do you just fine.

*Photo by Jakub Dziubak on Unsplash*
Nodejs: Express, Nodemon, Rotas e HTTP Requests
Tags: node, rocketseat
Published: 2020-04-08 15:26:45

#####[Como criar um servidor com Express](#express-server)
#####[Arquivo dedicado às rotas](#express-routes)
#####[Métodos HTTP](#http-methods)
#####[Parâmetros de Requisição](#request-params)
#####[Middleware](#middleware)

Como criar um servidor com Express: <a name="express-server"></a>
{% gist https://gist.github.com/pazuza/2f690637963dd9c33a5eb46b5f2400a0 %}

Arquivo dedicado às rotas: <a name="express-routes"></a>
{% gist https://gist.github.com/pazuza/226d921f8391d1a3ac56a5ab52322e7d %}

Métodos HTTP: <a name="http-methods"></a>
São métodos utilizados para trafegar dados.
 - GET: Buscar informações no back-end
 - POST: Criar informações no back-end
 - PUT: Alterar informações no back-end
 - PATCH: Alterar informações no back-end
 - DELETE: Deletar informações no back-end

Parâmetros de Requisição: <a name="request-params"></a>
São parâmetros enviados em requisições HTTP
 - Query Params: Filtros e paginação
 - Route Params: Identificar recursos (Atualizar/Deletar)
 - Request Body: Conteúdo na hora de criar ou editar um recurso (JSON)

Middleware: <a name="middleware"></a>
Middleware é um interceptador de requisições.
 - Pode interromper uma requisição
 - Tem acessos à todos os parâmetros
 - Pode alterar dados em uma requisição

{% gist https://gist.github.com/pazuza/147cd64de2e02c334e91521ecbfd8808 %}


Assim fica o arquivo no final, com o express, as rotas e os middlewares:

{% gist https://gist.github.com/pazuza/da571de463f016f8a07dd66655435260 %}
Classes , Magic Methods and Inheritances
Published: 2020-04-08 15:26:39


### CLASSES
A Class is a blueprint of an object. Classes are a great way for object-oriented programs to group similar data and functions in a manner that is reusable and to avoid redundancy.

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

### Magic Methods

Python Magic Methods are methods specifically to override default python behaviors or rules, most of the time, **operator overrides**. They can be identified with two prefix and suffix underscores in the method name. Examples of Magic codes are 
- the _____init_____() method in a Class which overrides how python instantiate an object
- the _____add_____() method which overrides the behaviour of the plus sign. These methods could be the reason we can add two strings with ‘+’ operator with no error  and without any explicit typecasting(i.e Converting one data type to another data type)
- The _____rep_____() method which overrides what gets printed as a variable value
- The _____len_____() method which probably has to do with the length of a data structure

And etc.

Magic Methods seem to be super cool but super technical and seem to be only applicable in a Class

### Inheritance

Inheritance is the technique where a class inherits the properties of another class(which most times is considered as the parent class). And these properties being both attributes and methods. And the main rationale for this is so that the child class can have more varieties without affecting the design of the parent class.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/p2y057s0n2f80365f711.png)
Online mode: How to successfully host a virtual conference
Published: 2020-04-08 15:26:01

Until recently, it seemed that working remotely, and, especially, holding public events virtually, was something completely new and fresh. Something from the future. Now it is becoming the daily reality, and it is exciting to observe the evolution of the idea of holding events remotely. 

We are living in a world where technology allows you to exchange information and communicate with others around the globe, without ever leaving your home. It is time for conferences to adapt to this new way of life. Remote user conferences are the future.

https://evrone.com/running-successful-virtual-event-2020
Day 4 & 5
Tags: 100daysofcode, webdev, html, css
Published: 2020-04-08 15:22:16

Hey Dev Readers its day 4 & 5 yeah I took Break Because of my Office Project's
and due to covid19 anyway learn so much Things in HTML $ CSS Even I start Challenges On FreeCodeCamp its very Cool Site I re polish many things like elements,inline and inline block and the challenges was pretty cool with css i learn many thing in basic css freecodecamp has good curriculum In Responsive web design certification Its 300 Hour's Base Certificate which provide BY FreecodeCamp in just $0 yeah its free It Has 7 Section with multiple challenges
the best this that you can learn more about css in this certification like 
CSS Grid
CSS Flexbox
visual desgin and Applied accessibility.
In the end of this course you have 5 Responsive Design Projects.
In Basic CSS You will Learn About css selector's and Elements you will learn about Margin,Padding,Colors,Backgroun Properties also in the End you will make penguin after Basic CSS you will learn Visual Design and this Section has very fun things Like you will learn css Animation, transformation, Keyframe, variabels ,Element Movement And  Direction also in the challenges  you will make fun things like Heart and other animations.FallBack Values and Custom variables are very useful when you will work on front end. TO Became a Good Front End Developer We Have to think for visual Desgins as will as with animation For Now this was My Day 4 & 5 today i will Start my Next Section Applied Accessibility i Hope You Guy's are Safe In Lock-down Situation Saty Home Stay Safe