teleren/devto huggingface dataset:
Crowd-Sourced Logistics
Tags: twiliohackathon, node, aws, serverless
Published: 2020-04-08 20:57:26


## What we're building

We're building an application to crowdsource essential services like grocery shopping and prescription delivery, connecting vulnerable individuals and those self-isolating with local volunteers.

Stage 1 is a consumer to consumer application. Log into the app with your phone number (provided by auth0/twillio) and see requests from within a radius of your location (TBD), and either add a job or select a job to respond to. Collect essentials shopping, deliver to a safe space and receive payment for services through stripe, attaching receipt. Notifications will be handled through twillio. 

Stage 2 is about relieving pressure on supermarket delivery services, they have again called today for shoppers to visit stores where possible (https://www.bbc.co.uk/news/business-52211912). Working in partnership with supermarkets and again using highly localized volunteers we can do better by supplementing food deliveries by basing them out of local stores. This will improve social distancing and save lives. 

## Demo Link

https://dev.localresponse.uk 


## Stack

aws, serverless, express, mongodb, react, materialui, twillio, stripe, auth0
Another Test - Just how Demarco would do
Tags: test, wondering, practicing
Published: 2020-04-08 21:31:46

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam dolor metus, placerat ac neque non, volutpat dictum tortor. Vivamus sed massa non risus eleifend luctus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. #Proin et tincidunt turpis#, a pharetra turpis. Mauris dapibus, eros eget condimentum laoreet, eros libero dignissim orci, vitae dapibus nulla lectus ut sem. Ut vel felis non mauris semper dapibus quis finibus dui. Etiam sit amet orci ut nisl sodales tempus. Ut eleifend tortor et neque auctor, id euismod erat mattis. Nunc porttitor tortor at orci volutpat sagittis. Nam in eros felis. Integer nec eleifend arcu. __Etiam nec justo vulputate__, gravida risus sit amet, facilisis arcu. Fusce vitae orci eu dui dignissim ultrices a quis libero.

Quisque viverra molestie augue, in vehicula ante efficitur vel. Proin suscipit lectus et efficitur placerat. Sed diam ipsum, ornare sodales porta ut, efficitur porta lorem. Aliquam bibendum leo et gravida pharetra. Nunc pellentesque purus ipsum, non lacinia turpis euismod nec. Duis sed magna quis ante fermentum egestas sed placerat magna. Proin maximus faucibus lacus at ultrices. Ut eu magna vitae justo sagittis maximus. Suspendisse potenti. Cras facilisis cursus mollis. Praesent consectetur consequat justo vitae viverra. Nunc sapien leo, eleifend eu porttitor vel, ornare nec justo.
HTML Canvas Wallpaper; Only A Love Song Is Missing
Tags: javascript, webdev, html
Published: 2020-04-08 21:26:41

In the new project of the [practical front-end projects series](https://github.com/behnamazimi/practical-front-end-projects), I went over to the HTML Canvas and I tried to make a beautiful animated wallpaper. The result was satisfying for me and when I staring at it, I hear a slow love song in the background. xD. **[You can see the demo here.](https://behnamazimi.github.io/simple-web-projects/canvas-wallpaper/)**

Actually the project is very simple and I'm sure reviewing its code will be so useful. I tried my best to make a fully documented and easy to read code. But you can also ask me detailed questions or [open issues on Github.](https://github.com/behnamazimi/practical-front-end-projects)

This is a practical canvas tutorial, an animated wallpaper with circles that moves on it. The main goal was focusing on the canvas methods, but next to it, you can find some useful coding strategies and mathematical operations in code.

I hope it will be useful for you. I will be looking forward to your comments.

**[major version on bhnmzm.com](https://bhnmzm.com/blog/html-canvas-wallpaper-with-javascript)**
Philosophy and variable naming are related
Tags: philosophy, software, variables
Published: 2020-04-08 20:57:06

From a philosophical point of view, which implies criticism, being a good citizen is non-sense, unless it is somehow logically reasoned.

A thing is not a thing until someone makes something to be a thing.

Developers need things to build software. And they label these things by names. Not only that, but also they chain the existence of some things with the existence of other things depending on more things, and their existence.

Developers are like little gods that have to put order to the lighting fast electricity they have the control of.

But developers depend on things.

Which things? Tons of them.

But the archetypes of the things that developers build are one very specific kind of things, with a specific set of properties that make them unique, singular, but powerful as fuck.

I am talking about the thing of things.

**The world is an idea**.

Your world is another one.

You are another one too.

And the idea of an idea?

No idea.

Names, language, things, communication.

Have you ever wondered why software development started by words, instead of by windows?

Tidy your room, human, clean your house, garbage-collector.

What if god was observing at you.

What if the machine is programming you instead.

What if you were just a robot.

Philosophy, on the other hand, is just the product of tons and tons of mental diarreas put together trying to smell better than others. It is beautiful, kind of artistic, but they lack of order, convention, pragmatism, and maths, they have no math or almost.

But the original maths contain the ours, and our natural language, and even ourselves.

Enjoy life if a world of suffering and fight lets you. Male bitches.
What’s your alternative solution? Challenge #16
Tags: challenges, discuss, javascript, codenewbie
Published: 2020-04-08 21:11:07

# About this series

This is series of daily JavaScript coding challenges... for both beginners and advanced users.

Each day I’m gone present you a very simple coding challenge, together with the solution. The solution is intentionally written in a didactic way using classic JavaScript syntax in order to be accessible to coders of all levels.

Solutions are designed with increase level of complexity.

## Today’s coding challenge

```
Print the first 10 Fibonacci numbers without recursion

```

(scroll down for solution)

## Code newbies

If you are a code newbie, try to work on the solution on your own. After you finish it, or if you need help, please consult the provided solution.

## Advanced developers

Please provide alternative solutions in the comments below. 

You can solve it using functional concepts or solve it using a different algorithm... or just solve it using the latest ES innovations.

By providing a new solution you can show code newbies different ways to solve the same problem.

## Solution

```javascript
// Solution for challenge14

var f0 = 0;
println(f0);

var f1 = 1;
println(f1);

for(var i = 2; i < 10; i++)
{
    var fi = f1 + f0;
    println(fi);
    
    f0 = f1;
    f1 = fi;
}

```


To quickly verify this solution, copy the code above in this coding [editor](https://codeguppy.com/code.html) and press "Run".

> Note: The solution was originally designed for [codeguppy.com](https://codeguppy.com) environment, and therefore is making use of `println`. This is the almost equivalent of `console.log` in other environments. Please feel free to use your preferred coding playground / environment when implementing your solution.
iTerm2 start with complete:13: command not found
Tags: iterm2
Published: 2020-04-08 21:07:32

Recently when I open my [iTerm2](https://www.iterm2.com/downloads.html), I got the message `complete:13: command not found: compdef`, where it is coming from?
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/k98tj6nbaunfrvj90nva.png)

After some research, the answer is in my `~/.zshrc`
these two lines are added when I recently re-install nodejs using [nvm](https://github.com/nvm-sh/nvm), you can find this info from [nvm readme - Git install section](https://github.com/nvm-sh/nvm/blob/master/README.md#git-install)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/k98tj6nbaunfrvj90nva.png)
But it is in zsh, so no need to load **nvm bash_completion**, comment out the line `[-s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"  # This loads nvm bash_completion` will solve the problem. 
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/hklqh9qwy9z8xpvw9b4w.png)
Now re-open a new session, error message is gone. 
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/1054i34jlu8oc82g7hy8.png)
This Dot Labs Unveils Remote Corporate Trainings Catalog
Tags: general
Published: 2020-04-23 00:04:59

---
title: This Dot Labs Unveils Remote Corporate Trainings Catalog
published: true
date: 2020-04-08 20:44:57 UTC
tags: General
canonical_url: https://www.thisdot.co/blog/this-dot-labs-unveils-remote-corporate-trainings-catalog
---

 **APRIL 8, 2020 - MOUNTAIN VIEW, CA** - Today, prominent web development agency, This Dot Labs, unveiled a brand new catalog of remote training offerings to serve enterprise teams in light of challenges presented by COVID.

Since 2016, This Dot Labs has offered onsite trainings to developer teams as just one of its many services, including architectural consulting, staff augmentation, and mentorship. The company is thrilled to expand their training offering through remote channels so teams do not lose growth development opportunities during the crisis.

"Workshops to increase team knowledge in the web platform play an important role in equipping developers with the latest tools," says This Dot CEO, Tracy Lee, "and we are thrilled to continue providing this necessary service".

Training offerings span web development technologies and concepts relevant to modern JavaScript engineering such as accessibility, web performance, graphQL, React, Vue, Angular, and more.

Workshops can be provided at the introductory, intermediate, and advanced levels. To browse the catalog, and learn more about how This Dot Labs can help support corporate development teams, visit [This Dot Labs Enterprise Training offerings](https://labs.thisdot.co/trainings) or email [hi@thisdot.co](mailto:hi@thisdot.co).

**About This Dot Labs**

Founded in 2016, This Dot Labs is a modern web consultancy focused on helping companies realize their digital transformation efforts. For expert architectural guidance, training, or consulting in React, Angular, Vue, Web Components, GraphQL, Node, Bazel, or Polymer, contact us today at hi@thisdot.co.

**Press Contact:**

Tracy Lee
CEO, This Dot Labs[thisdotlabs.com](thisdotlabs.com)
408-506-9660
Bored at home? Access Vue Mastery Premium courses for free!
Tags: javascript, vue, beginners, tutorial
Published: 2020-04-08 20:23:40

In light of everything happening around the world, Vue Mastery wants to offer the opportunity for everyone to be able to access their **Premium courses for free for a whole week**!

[![Vue Mastery Free Week banner. From April 13, 12:00 AM ET until April 19 11:59 PM ET](https://dev-to-uploads.s3.amazonaws.com/i/9845679sb73dd1q30psl.png)](https://www.vuemastery.com/free-week/)

They will be unlocking all of their premium courses next April 13 at 12 AM ET until April 19, 11:59 PM ET. You can **reserve your spot for Free Week by clicking on the image or [right here](https://www.vuemastery.com/free-week/)**!

While waiting for Free Week to begin you can start watching "[Intro to Vue.js](https://www.vuemastery.com/courses/intro-to-vue-js/vue-instance/)", a completely free course, some of the free content available on the [courses page](https://www.vuemastery.com/courses), or even [some of the talks from VueConf US 2020](https://www.vuemastery.com/conferences/vueconf-us-2020/).

If you choose to watch the talks… "[All you need is Apollo Client](https://www.vuemastery.com/conferences/vueconf-us-2020/all-you-need-is-apollo-client)" by @n_tepluhina was awesome, not that "[State of the Vuenion](https://www.vuemastery.com/conferences/vueconf-us-2020/state-of-the-vuenion)" is boring by any means, don't get me wrong here! 👀

Did I say that next week you can also [learn Vue 3 Reactivity directly from Evan You](https://www.vuemastery.com/courses/vue-3-reactivity/vue3-reactivity/)? 🤔


_Disclaimery stuff:_

> _I am not affiliated, associated, authorized, endorsed by, or in any way officially connected with Vue Mastery._
Announcing my portfolio site!
Tags: showdev, webdev, womenintech, react
Published: 2020-04-08 20:16:00

**UPDATE:** She's mobile-friendly now, folks! :) 

Hello everyone!

I am at the beginning of my job search, which inspired the need for a portfolio website. As I've been learning web development, I've always day-dreamed about what my portfolio may look like and have been eager to make it throughout my process.

You can visit it live [here](https://summerra.in/).

A few weeks back I had the idea to make the layout inspired by the Fibonacci spiral. It is both an ode to both my first love of photography and my current love of programming. I first learned of the "golden ratio" while studying composition in photography, and writing a program to compute the Fibonacci sequence was coincidentally one of the first exercises I did when I first began coding. 

Building this website was a wonderful learning experience. For the first time, I: 

* built a React toolchain from scratch (and in turn wrote my own Webpack config)
* used a CSS Grid layout
* used CSS Modules
* created an SVG animation
* used a transition library
* used relative units for font, image, and icon sizes
* made a set of custom icons
* deployed via Travis CI

... and it feels really good! I am so proud to have something out there that feels like it comes purely from me. 

~~The next step is making it mobile-friendly, which I will also be doing for the first time.~~ *[see update]* 

And, of course, I am open to suggestions if you notice anything awry. 

Wish me luck! With <3, happy coding!
Stack: Linked List as storage 
Tags: javascript, webdev
Published: 2020-04-08 20:08:07

A stack is a collection in which data is added or removed in Last in First Out order (LIFO). 

![stack](https://dev-to-uploads.s3.amazonaws.com/i/p4ayt0s66if6xxreumjv.jpeg)

A stack can easily be implemented using linked list. The top data element is the head where pushing and popping items happen at the head. 
 
![stack-linkedlist](https://dev-to-uploads.s3.amazonaws.com/i/6cjrfb7260v1p5l94xzs.png)

## Implementation
If you've read on Linked List , this would be simple to work on. 
1.We'll create a node and a stack class
```javascript
class Node {
    constructor(data, next = null) {
        this.data = data;
        this.next = next;
    }
}

class Stack {
    constructor() {
        this.head = null;
        this.size = 0;
    }
//add methods here
}
```

2.We'll add methods to our stack class to perform push, pop and peek operations

**Push node to stack**
Insert the element into linked list which will be the top node of Stack

```javascript
    //add data to stack
    //adds on top of stack
    push(data) {
        this.head = new Node(data, this.head);
        this.size++;
    }
```

**pop node from stack**
Return top element from the Stack and move the top pointer to the second node of Stack

```javascript
//remove data on top of stack
    //returns removed data
    pop() {
        if (this.size === 0) {
            return;
        } else {
            //select top node
            let poppedNode = this.head;
            //make second data in stack top node
            this.head = this.head.next;
            //clear popped node's link
            poppedNode.next = null;
            this.size--;
            // console.log(poppedNode);
            return poppedNode.data;
        }
    }
```

**peek**
Return the top element.

```javascript
  //return head node data
    peek() {
        if (this.size === 0) {
            return;            
        } else {
            // console.log(this.head.data)
            return this.head.data; 
        }
        
    }
``` 

**Example test code**
```javascript
let stack = new Stack();
stack.push(70);
stack.push(80);
stack.push(90);
stack.pop();
stack.peek();
```
In the next series, we'll implement a stack using arrays as the storage mechanism. 
Happy Learning! :heart:
Laravel Logging Guzzle Requests in File
Tags: laravel, laravel6, laravel7, laravelcodesnippet
Published: 2020-04-19 17:42:32

---
title: Laravel Logging Guzzle Requests in File
published: true
date: 2020-04-08 19:49:57 UTC
tags: Laravel,Laravel 6,Laravel 7,Laravel Code Snippet
canonical_url: https://codebriefly.com/laravel-logging-guzzle-requests-file/
---

 ![Laravel Logging Guzzle Requests in File](https://codebriefly.com/wp-content/uploads/2020/04/laravel-logging-guzzle-requests-file.jpg)

In this article, we will discuss “Laravel Logging Guzzle Requests in File”. In the multiple scenarios, we have to use third-party API’s in our project and test those API using postman or any other tool. But also required to maintain a log for each request, such as what we send (request)? and what we receive (response)? Today, […]

The post [Laravel Logging Guzzle Requests in File](https://codebriefly.com/laravel-logging-guzzle-requests-file/) appeared first on [Code Briefly](https://codebriefly.com).
Get customized weather updates through SMS
Tags: twiliohackathon, opensource
Published: 2020-04-08 19:26:07

This is the initial scratch of the project in mind.

## The Problem

Looking up weather sounds trivial but most scenarios involve couple steps.

1. A user navigates through a myriad of apps on the person's phone to find a weather app
2. Click the app

Or

1. A user navigates finds a browser in the person's phone or computer
2. Click to open the app
3. Type in words like 'weather' or 'forecast'
4. Click on the resulting links

## The solution (MVP)

Provide a web interface where a user can register and setup preferences on how they want to receive weather updates through texts. Think of it as cronjobs😊. For example the user can choose to receive daily weather update each morning at 8AM. Besides the general summary, the user can also customize what kind of information they want such as humidity level, expected windspeed, etc... This will integrate 3rd party service API such as darkSky API.

### Expansion

* User can text for weather anytime with keywords such as 'current', 'daily, etc..
How to Add Numbered Pagination in WordPress without using any plugin?
Tags: wordpress, pagination, numberpagination, numericpagination
Published: 2020-04-08 19:41:30

Pagination plays a very important part in websites creation. Basically, it allows users to page back and forth through multiple pages of content. It also helps you to control the length of the page.

## <strong>Lets discuss some basics but important questions</srtong>

### 1. Paginate_links()
Function <code>paginate_links()</code> is the WordPress’s builtin function and can be used to create a paginated link list for any area.

### 2. Why do you need an unlikely integer in pagination?
The <code>get_pagenum_link( $big )</code> will create an URL, not a link based on the number provided in the first parameter. This function is used to get the basic pattern for the URL, and the high integer is used here because we must provide an integer as an argument.

### 3. What is the difference between <code>get_query_var('paged')</code> and <code>get_query_var('page')</code>?
The function <code>get_query_var()</code> is used to get the values from <code>$wp_query</code> public query variables, and in this case that is <code>page</code> and <code>paged</code>. These two parameters and their values are used by <code>WP_Query</code> to calculate pagination and more importantly the offset of posts according to page numbers.
<strong>paged</strong> used on the home, blog, archive pages, and pages to calculate pagination. 1st page is <code>0</code> and from there the number corresponding to the page number.
<strong>page</strong> use on a static front page and single pages for pagination. By pagination on single pages, I mean that single posts can be broken down into multiple pages.

### 4. Why we use wp_reset_postdata()?
You need to use <code>wp_reset_postdata()</code> after every custom <code>WP_Query()</code> to resets the value of the <code>global $post</code> variable to the post property of the main query.
Tech Career AMA!!
Tags: beginners, programming, career
Published: 2020-04-08 19:29:10

---
title: Tech Career AMA!! 
published: true
description: Are you a technologist looking to advance in your career? Or maybe you're interested in transitioning to tech? Join us!
tags: beginner, programming, career
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/bwaj09yw89bcix9xd5cj.jpg
---
![Tech Career AMA](https://dev-to-uploads.s3.amazonaws.com/i/rb2lo3eqovhjwqg6egi5.jpg)

### Note: Our AMA was completed. Thank you to everyone who attended. 
##[Click here to watch it!](https://bit.ly/PSTechCareerAMA)

Are you a technologist looking to advance in your career? Or maybe you're interested in transitioning to tech? In this live AMA, our panel of professionals will answer your questions about growing a career in technology. Featuring:

- [Shelley Benhoff](https://twitter.com/SBenhoff) (IT, web development, leadership)
- [April Speight](https://twitter.com/vogueandcode) (Cloud advocate and Spatial Computing at Microsoft)
- [Jeremy Morgan](https://twitter.com/jeremycmorgan) (.NET, DevOpS)

We will be doing this LIVE AMA at 1PM ET, [on YouTube](https://bit.ly/TechCareerAMA). 

Ask us anything you want about:

- Getting started in Tech
- Advancing in Tech
- Transitioning from another field into Tech
- Moving into Management
- Engineer career paths

and whatever else comes to mind!

## We love Dev.TO!! 

We love the Dev.TO community and being a part of it. You can ask questions here as well and we'll address them on the live stream, and/or answer them here!

Anything you'd like to know about tech and tech careers, feel free to ask! **[Join us tomorrow](https://bit.ly/TechCareerAMA)** or ask your question here!

{% listing https://dev.to/listings/events/how-to-grow-your-tech-career-live-ama-6b7 %}