teleren/devto huggingface dataset:
The Last Mile is the Hardest Mile!
Tags: teamwork, softwaredevelopment, agile
Published: 2021-10-02 12:42:07

---
title: The Last Mile is the Hardest Mile!
published: true
date: 2021-10-02 12:40:52 UTC
tags: teamwork,softwaredevelopment,agile
canonical_url: https://medium.com/chingu/the-last-mile-is-the-hardest-mile-b36c9449d0c7
---

#### Sprint 5 — Saturday

![](https://cdn-images-1.medium.com/max/1024/1*3IyY5tuYScyvbNeNFV2uMA.jpeg)<figcaption>Photo by <a href="https://unsplash.com/@kayvanmazhar?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Kayvan Mazhar</a> on <a href="https://unsplash.com/s/photos/cross-country?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Unsplash</a></figcaption>

There is an old saying that **_“the last mile is the hardest mile”_**. This is true in just about any activity you start, whether it be a home remodeling project or your Software Development Project.

But **_when the going gets tough, remember why you started_** — the satisfaction of creating something tangible out of nothing, to build up your expertise, and possibly to create a project you can show when interviewing.

> Achieving the goals you started set means you have to cross the finish line.

It’s often the case that when problems and difficulties arise you’ll experience negative thoughts. Such as “I should just give up!” But don’t throwaway all of the hard work you’ve put into your project by not finishing. **_Even if it’s not perfect_** see it through to the end, reflect on the process, and adapt to make the next project better.

And don’t forget that once you have finished take the time to reflect on the experience individually **_and_** with your team, and take the time to **_Celebrate your Success!_**

![](https://cdn-images-1.medium.com/max/449/0*K8_Lx2sR0xfzgMSs.png)

### Before you Go!

Chingu helps you to get out of “_Tutorial Purgatory_” by transforming what you’ve learned into experience. The experience to boost your Developer career and help you get jobs. **_And it’s Free!_**

You can learn more about **Chingu** & how to join us at [https://chingu.io](https://chingu.io/)

* * *
Enjoy Programming-Themed Humor? Here's today's daily developer joke!
Tags: jokes, dailydeveloperjokes
Published: 2021-10-02 12:00:28

---
title: "Enjoy Programming-Themed Humor? Here's today's daily developer joke!"
description: "Check out today's daily developer joke! (a project by Fred Adams at xtrp.io)"
series: "Daily Developer Jokes"
published: true
tags: #jokes, #dailydeveloperjokes
---

Hi there! Here's today's Daily Developer Joke. We hope you enjoy it; it's a good one.

![Joke Image](https://private.xtrp.io/projects/DailyDeveloperJokes/public_image_server/images/5e12593f93b65.png)

---

For more jokes, and to submit your own joke to get featured, check out the [Daily Developer Jokes Website](https://dailydeveloperjokes.github.io/). We're also open sourced, so feel free to view [our GitHub Profile](https://github.com/dailydeveloperjokes).

### Leave this post a ❤️ if you liked today's joke, and stay tuned for tomorrow's joke too!

_This joke comes from [Dad-Jokes GitHub Repo by Wes Bos](https://github.com/wesbos/dad-jokes) (thank you!), whose owner has given me permission to use this joke with credit._

<!--
Joke text:
___Q:___ I love you and I only love you. Does that turn you on?

___AND GATE:___ No.
 -->
remove all the node_modules directories from machine | Free Up Space
Tags: webdev, javascrip, node, programming
Published: 2021-10-02 11:57:20

---
title: remove all the node_modules directories from machine | Free Up Space
published: true
description: As user of SSD we have limit of space, and we have hundred of project. we can remove the node_modules folder to make some free space available
tags: #webdev #javascrip #node #programming
 
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5l2kgg53xydpw4vkwbtf.png
---

we as developer have hundred of project in the machine, but have you've ever wondered how much space `node_modules` takes on single project and what happens when you're running out of free space. this will help you to make some free space safely.

## List All the node_modules/ folders
before removing let's show all the node_modules directories and its memory. cause the removing process is irrevisable so we need to make sure. first cd into a specific directory where most of the projects are:

LINX/MACOS
```sh
$ cd Dev/
$ find . -name "node_modules" -type d -prune | xargs du -chs
```
![Screenshot 2021-10-02 at 06.41.02](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cug5wk83h3f9ghfe1dsu.png)
 

WINDOW

```sh
$ cd Dev 
$ FOR /d /r . %d in (node_modules) DO @IF EXIST "%d" echo %d"
```

## Remove all the node_modules/
now let's remove all the node_modules directories from all the projects. make sure that you're inside a directory where you're comfortable removing all the node_modules cause this action is irereversable:

LINUX
```sh
$ cd Dev
$ find . -name "node_modules" -type d -prune -exec rm -rf '{}' +
```

WINDOW
```sh
$ cd Dev 
$ FOR /d /r . %d in (node_modules) DO @IF EXIST "%d" rm -rf "%d"
```

## Final Word
a single `node_modules` took about 400MB - 90MB in my cases and total space it took around 10gigabyte - 15gigabyte. it will help you to free up some space in your machine if you have limited SSD, but if you've removed from all the directories, you have to install it again for the project you're working on, keep this in mind.

I hope you enjoyed this article and learnt something valuable, thank you all and stay blessed!

Me: https://ericgit.me
Embed VSCode single file editor in your website.
Tags: javascript, webdev, beginners, vscode
Published: 2021-10-02 11:45:07

Today we're going to embed an code editor in website.
I had chosen the most popular IDE Visual Studio Code.
The Monaco Editor is the code editor that powers VS Code.
So we can use it to build a single file code editor

## Features
- Rich IntelliSense, Validation
  <p><code>TypeScript, JavaScript, CSS, LESS, SCSS, JSON, HTML</code></p>
- Basic Syntax Colorization
  <p><code>XML, PHP, C#, C++, Razor, Markdown, Diff, Java, VB, CoffeeScript, Handlebars, Batch, Pug, F#, Lua, Powershell, Python, Ruby, SASS, R, Objective-C</code></p>

![coding on laptop](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z5engj79t8or6xnw40y0.jpg)

## Example
This is an quick example for embed vscode.

{% codepen https://codepen.io/ksenginew/pen/dyRLmrQ %}

## Example explained
First create a container for editor.
```html
<div id="container" style="width:100%;height:80vh;border:1px solid grey"></div>
```
- `width:100%;` - takes full width
- `height:80vh;` - takes 80% of the viewport height.
- `border:1px solid grey` - just a border.

Then add loader for editor.
Here I am using jsDelivr as my CDN.
```html
<script src="https://cdn.jsdelivr.net/npm/monaco-editor@0.27.0/min/vs/loader.js"></script>
```

This is the working code part. add this code inside an script tag below above code.
```js
require.config({
  paths: { vs: "https://cdn.jsdelivr.net/npm/monaco-editor@0.27.0/min/vs" }
  });
require(["vs/editor/editor.main"], function () {
  var editor = monaco.editor.create(document.getElementById("container"), {
    value: code,
    language: "typescript",
    automaticLayout: true
  });
});
```
- `require` - AMD module loader(loads editor)
- `require.config()` - configure to use jsDelivr.
- `value: code` - code can be any code as string.
- `language: "typescript"` - set programming language of code for language features.
- `automaticLayout: true` - Makes it responsive.

Then enjoy it.
I hope to write more articles with advanced use cases of embedded editor. 
Follow 🏃‍♂️ me for more articles.
Ask🙏 any question on comments section.
Star⭐ me if you love this article.

<sup>cover image by [Unsplash](https://unsplash.com/photos/oXlXu2qukGE?utm_source=unsplash&utm_medium=referral&utm_content=creditShareLink)</sup>
<sup>image(laptop) by [Unsplash](https://unsplash.com/photos/m_HRfLhgABo?utm_source=unsplash&utm_medium=referral&utm_content=creditShareLink)</sup>

Happy Coding 👩‍💻👩‍💻👩‍💻...
Thanks. :heart::heart::heart:
Running MongoDB on Docker Compose
Tags: tutorial, devops, career, docker
Published: 2021-10-02 11:44:34

Running MongoDB on Docker Compose
by Versha
Table of Contents	
In this article, we will discuss how DBA can run a MongoDB instance using docker-compose. It’s very easy and quite flexible to handle. According to my opinion docker-compose removes all the installation and configuration pain when you need a test instance immediately. In a non-production environment for proof of concepts (POC) environment, you can easily use MongoDB on docker-compose.

 

High-Level Steps for Installation & Configuration

Install Docker 
Install Docker compose
Take the docker-compose code with MongoDB 
Run the docker-compose 
Connect to MongoDB Database
Connect From MongoDB from Docker bash
Prerequisites

mkdir -p /opt/docker_com_repo


 
cd /opt/docker_com_repo


 
vi docker-compose.yml


 
Copy Below docker compose code for MongoDB and paste in side the docker-compose.yml

 

read more : https://thedbadmin.com/running-mongodb-on-docker-compose/
MIS Webmail EQ Webmail Managed Internet Service

Published: 2021-10-02 11:37:46

MIS Webmail
As you know the Australian Government has different education plans for every state but in Queensland, there are lots of different platforms where people get a free education online. This system is fully monitored and controlled by the Administrative department to make sure that everything is working smoothly and the education will be absolutely free.

To facilitate Queensland students and provide them best-updated information and education, the government decided to start a web-based portal which is known as EQ Webmail or MIS.Webmail. This online portal is for everyone and is updated very frequently with the latest knowledge, textbooks, and news.

https://miswebmail.xyz/

Every student needs to get an EQ Webmail login to access the portal. Due to the login, the students get up-to-date information and the latest announcements. Today we also guide you on how you can easily create an account and get a login!
Chatwoot: The Better Way to Talk To Your Customers
Tags: chatwoot, customers, chatbot
Published: 2021-10-02 11:12:16

All  paying and potential customers always want a swift and better way to communicate or engage with any company or business. Imagine a customer having some issues or concerns about doing your business with you and he wants to have some of his issues answered faster. 

A very poor and slower conversation may lead to loosing that customer and some other ones coming in. That's why customer engagement is one of the pillars of modern businesses to success.
It's not enough to have a great product, every business must find a better way to talk to customers, and build bonds.



#The Beauty of Chatwoot

*By making it easier for customers to engage in ways they find valuable, you’ll strengthen their emotional investment in your brand. They will trust you more, and when they do, your business grows.*

Yes, I know you have seen more than enough customer engagement platforms. I have seen them too, and I have used quite a number of them.

**Chatwoot** is an open source customer engagement platform created to improve and properly structure conversations around B2B and P2B.

Imagine your business having several social media engagement platforms such as Facebook, Instagram, Twitter, Whatsapp, Telegram etc. and all your customers send you messages via all these platforms. You will agree with me that managing conversations around all the platforms look so tedious, cumbersome and boring.  

Rather than having to manage conversations everywhere, **Chatwoot**, with its beautiful and easy to use dashborad, allows you to integrate all your social media platforms including your website seamlessly within few seconds. 

**Chatwoot** includes a live chat tool;  and out-of-the-box integrations with third-party platforms such as Slack, Shopify, Stripe and chatboot tools such as Rasa and DialogFlow.

**How To Begin**
**1.** Go to the Registration page and enter your details
[Register Here](https://app.chatwoot.com/app/auth/signup)
![Register_image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1uvwy7ehqy5b300z6nid.png)


**2.** After successful registration, you'll be redirected to your dashboard where you can integrate social media platforms and chat seamlessly. Remember to confirm your account in your registered email.

![chat_integration](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/342umpcnzx4ufv5pu8nk.png)
[Learn more about Chatwoot](https://www.chatwoot.com/)
Many passwords | Hacktoberfest
Tags: hacktoberfest, opensource, passwords, codenewbie
Published: 2021-10-02 10:58:11

![](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3guz0b3pa9o9ogtwaeq9.png)

Hi!

I'm creating a **Many passwords** project. The purpose of this project is to collect _all the default passwords in one place_. 🐱‍💻

Hacktoberfest has just started and the project already has 5 merged pull requests!

The project is beginner-friendly. I'm counting on your contribution! 

Website: [many-passwords.github.io](https://many-passwords.github.io)
Main project repository: [github.com/many-passwords/many-passwords](https://github.com/many-passwords/many-passwords)
Project website repository: [github.com/many-passwords/many-passwords.github.io](https://github.com/many-passwords/many-passwords.github.io)
Hacktoberfest 2021 is Useful for Every Developer
Tags: hacktoberfest
Published: 2021-10-02 10:48:24

Hacktoberfest is hosted by digital ocean, it is useful for all kind of developer and can learn and contribute other developer code and project. can share our ideas others.
i have been participated still 3 years and learn lot of this hacktoberfest.
every participant contribute four pull request with october 01 to october 30
if your pull request is accepted by maintainers you can got the
t-shirt and sticker swag.
it is amazing experience hey beginner  folks don't miss this opportunity
How to install Visual Studio Code (vscode) in ubuntu using apt-get?
Tags: apt, vscode, ubuntu
Published: 2021-10-02 10:39:15

---
title: How to install Visual Studio Code (vscode) in ubuntu using apt-get?
published: true
description: 
tags: apt, vscode, ubuntu
//cover_image: https://direct_url_to_image.jpg
---

## How to install Visual Studio Code (VSCode) from the terminal?

1. Open the terminal: You can open the terminal by pressing `Ctrl+Alt+T` or searching for "Terminal" in your system's application launcher.

2. Download the Microsoft GPG key: Run the following command to download the Microsoft GPG key and save it as `microsoft.gpg`:

    ```bash
    curl https://packages.microsoft.com/keys/microsoft.asc | gpg --dearmor > microsoft.gpg
    ```

3. Install the GPG key: Run the following command to install the GPG key into the trusted keyring:

    ```bash
    sudo install -o root -g root -m 644 microsoft.gpg /etc/apt/trusted.gpg.d/
    ```

4. Add the VSCode and Microsoft Edge repositories: Run the following commands to add the VSCode and Microsoft Edge repositories to the system:

    ```bash
    sudo sh -c 'echo "deb [arch=amd64] https://packages.microsoft.com/repos/edge stable main" > /etc/apt/sources.list.d/microsoft-edge.list'
    sudo sh -c 'echo "deb [arch=amd64] https://packages.microsoft.com/repos/code stable main" > /etc/apt/sources.list.d/vscode.list'
    ```

5. Remove the downloaded GPG key: Run the following command to remove the `microsoft.gpg` file:

    ```bash
    sudo rm microsoft.gpg
    ```

6. Update package information: Run the following command to update the package information from the repositories:

    ```bash
    sudo apt update
    ```

7. Install VSCode: Run the following command to install Visual Studio Code:

    ```bash
    sudo apt install -y code
    ```

8. (Optional) Install with aptitude: If you use `aptitude` package manager, you can run the following commands instead of step 7 to install VSCode:

    ```bash
    sudo aptitude update
    sudo aptitude install -y code
    ```

Visual Studio Code should now be installed on your system. You can launch it by searching for "Visual Studio Code" in your system's application launcher or by running the `code` command in the terminal.

## Complete script

```bash
# Download the Microsoft GPG key
curl https://packages.microsoft.com/keys/microsoft.asc | gpg --dearmor > microsoft.gpg

# Install the GPG key
sudo install -o root -g root -m 644 microsoft.gpg /etc/apt/trusted.gpg.d/

# Add the VSCode and Microsoft Edge repositories
sudo sh -c 'echo "deb [arch=amd64] https://packages.microsoft.com/repos/edge stable main" > /etc/apt/sources.list.d/microsoft-edge.list'
sudo sh -c 'echo "deb [arch=amd64] https://packages.microsoft.com/repos/code stable main" > /etc/apt/sources.list.d/vscode.list'

# Remove the downloaded GPG key
sudo rm microsoft.gpg

# Update package information
sudo apt update

# Install VSCode
sudo apt install -y code

# (Optional) Install with aptitude
# If you use `aptitude` package manager, uncomment the following lines
# sudo aptitude update
# sudo aptitude install -y code
```
How to install google chrome in ubuntu using apt-get?
Tags: google, chrome, ubuntu
Published: 2021-10-02 10:29:27

---
title: How to install google chrome in ubuntu using apt-get?
published: true
description: 
tags: google, chrome, ubuntu
//cover_image: https://direct_url_to_image.jpg
---

Here is how one can install google chrome in ubuntu:

```bash
sudo apt update; apt install -y curl aptitude
curl -fsSL https://dl.google.com/linux/linux_signing_key.pub | gpg --dearmor | sudo tee /etc/apt/trusted.gpg.d/google.gpg >/dev/null
sudo sh -c 'echo "deb [arch=amd64] http://dl.google.com/linux/chrome/deb/ stable main" > /etc/apt/sources.list.d/google-chrome.list'
sudo aptitude update
sudo aptitude install -y google-chrome-stable
```
September 21 New launch and Updates for Developers 🚀 | Video SDK
Published: 2021-10-02 09:45:45

##   


NEW! This is the September 2021 release announcement. Here is a list of all new enhancements and product updates on videosdk.live

**1. User dashboard**

- Simplified API key creation and domain whitelisting.
- **Site tour** tutorial now available! Get a quick walkthrough of all features.
- Now join the [Discord community](https://discord.gg/f2WsNDN9S5) from the console itself.
- Find the **Quickstart** on the top right corner to get started with any SDK.
- Upfront payment credit is now visible on the homepage.
- And other minor bug fixes.  

**2. RTC Javascript prebuilt v0.1.12**

- **Join screen** now available with minimal configuration.
- Smoother navigation for 100+ participants.

### 🚀 New RTC SDK launch iOS SDK and Flutter SDK 

![September 2021 New launch and Updates for Developers 🚀](http://blog.videosdk.live/content/images/2021/10/giphy--2-.gif)

**1. iOS SDK v1.0.0 (NEW!)** 🎉

We are launching the [iOS Video call SDK](https://docs.videosdk.live/docs/realtime-communication/sdk-reference/ios-sdk/setup) this month which is completely compatible with our other SDKs. Visit our docs to start integrating right now!

- **Join or start the same meeting from iOS devices.**
- Manage and **display participant videos** in a grid or list or any custom layout.
- Support for wired and wireless headsets for **audio calling**.
- [Code sample](https://github.com/videosdk-live/videosdk-rtc-ios-sdk-example) on iOS

**2. Flutter SDK v0.0.4 (NEW!)** 🎉

We are also launching the [Flutter Video call SDK](https://pub.dev/packages/videosdk) this October which will be completely compatible with our other SDKs. The documentation is still a work in progress. Stay tuned for the update.

- A single **MeetingBuilder** widget for integrating the meeting.
- Manage and **display participant videos** in a grid or list or any custom layout.
- Support for wired and wireless headsets for **audio calling**.
- [Code sample](https://github.com/videosdk-live/videosdk-rtc-flutter-sdk-example) on Flutter

**Code Samples**

New code samples released.

- RTC SDK: [Flutter](https://github.com/videosdk-live/videosdk-rtc-flutter-sdk-example)
- RTC SDK:[IOS](https://github.com/videosdk-live/videosdk-rtc-ios-sdk-example)

You can always [connect with us](https://videosdk.live/contact) in case of any query or help. We are happy to assist you.

Thanks for reading.

Videosdk.live presents you its Flutter and IOS Video SDK. Integrate easy-to-use real-time audio and video calling with this robust flutter video API and make experiences better with full flexibility and customization.

![September 2021 New launch and Updates for Developers 🚀](http://blog.videosdk.live/content/images/2021/10/Video-SDK-for-Re.png)
why use model.findOne({})??
Tags: mongodb, nosql, database, bestpractices
Published: 2021-10-02 09:43:42

Mongodb has undoubtedly become one of the most popular databases used with Nodejs. This is due to the possibility for storing decently, the varied types of data that can be dealt over the internet. For more information on just what mongodb is, and maybe a deep dive please visit their docs at [Mongodb Documentation](https://docs.mongodb.com/). 
But wait!!!
![A nerd asking you to wait](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tc03uikwl57oaf51nsrb.jpg)
At this point I would like you to know that this article is meant for those that have worked with mongodb and maybe a backend framework like nodejs, python or java, its not really for beginners , that not withstanding if you're feeling a little curious please read on, as I would try my very best to make it as down to earth as possible. 
Just imagine there is a lorry load of phones, different types, manufacturers. Assuming there is a particular phone you need to get to the owner quickly, you know the make, the type, and details unique to just that phone. Then you start going through each pack, even with just a hundred pack, how tiring that will be!!! phew! I hate stress.. Who doesn't. What if, there was a way to quickly locate just that phone, maybe a magnetic device reader that can read phone types , manufacturers etc. Aha!! Easy right? Would still EVER go through the searching pack by pack way(algorithm)? No sane person will. Fact is, no business man will.
Well, a database. any database as ypou might know a;lready, is a store for unique items. Not phone obviously, but what you ay see on your facebook profile. Your fullname, profile picture, even your posts must all be stored uniquely in a database. Mongodb is one such database. To get you details to your page, the databse has to be searched, just as yoo would search a lorry load of different phones. Just imagine having to search most of the over 5 billion users on facebook before your details comes to your page, that will be a hell of a time.
 The good news is, mongodb like most other databases has inner mechanisms, just like the magnetic device you can use to search for a phone's deatils. Actually there are pre-built instructions that ship with mongodb to do the finding for you, they are called methods or functions. One of such is model.findOne(). There is also model.find(). Both do the same thing, but can you guess the difference? If you said findOne searches for one particular item, while find seraches through all untilit finds that one, your'e right. 
In summary use model.findOne() for quicker lookup, cleaner syntax. But the emphasis is on "SPEED". With just a few thousands stored data, using any will hardly have any difference. But the world is over 6 billion the last time I checked. So build with that in mind.