teleren/devto huggingface dataset:
Neighbor
Tags: twiliohackathon
Published: 2020-05-01 06:59:12

[Comment]: # (All of this is placeholder text. Use this format or any other format of your choosing to best describe your project.)

[Reminder]: # (Make sure you've submitted the Twilio CodeExchange agreement: https://ahoy.twilio.com/code-exchange-community)

[Important]: # (By making a submission, you agree to the competition's terms: https://www.twilio.com/legal/twilio-dev-hackathon-terms)

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

##### Category Submission: COVID-19 Communications

### Intro
One sunny day of quarantine while walking my dog, I noticed someone had flyered every car on multiple blocks with a letter. The letter was a simple offering to anyone who needed assistance during this challenging time of quarantine. Inspired by this act of kindness, I set out to find a way that I too could help my fellow neighbors. My love of software quickly led me to the idea of this app and with the help of a friend, we created Neighbor. If you are also looking to provide assistance to those who may be at risk or may need extra assistance, I encourage you to sign up on our platform as a provider and share this app with others so we can spread the kindness.

### Description
Neighbor is a free platform designed to connect those who need assistance with those who are willing to provide it. After signing up, Neighbor uses your location to match you with others in your area who can either provide assistance or are seeking assistance. Neighbor offers a chat interface so neighbors may communicate the specifics of their needs and make arrangements with others.   

### Demo Link
https://njbrunner.github.io/covid-19/

### Link to Code
https://github.com/njbrunner/covid-19

### Developers
Nick Brunner
Ryan Collins

### Stack
Twilio Programmable Chat API 
Vue.js 
Flask 
Gunicorn 
MongoDB
I Built My Own Verzuz App
Tags: twiliohackathon
Published: 2020-05-01 06:58:16

---
title: I Built My Own Verzuz App
published: true
description: My submission to the Twilio x DEV Hackathon!
tags: twiliohackathon
---


## What I built
While social distancing, many artists and producers have been battling it out on Instagram to see who has the best music discography. Although Instagram is an awesome platform, it wasn't necessarily built for this kind of use case. Viewers can't vote on who they think won the round, no one can keep track of the score, and you can only see verified accounts in the comments section. This is why I build the Verzuz App. With this app, anyone can host their own battles and interact with all audience members in real time. 

#### Category Submission: Exciting X-Factors


## Demo Link
You can visit the live app [here](https://www.verzuz.app/)
 

## Link to Code
Here's the link to the [Github repo](https://github.com/TaylorFacen/Verzuz)


## How I built it (what's the stack? did I run into issues or discover something new along the way?)
At its core, the Verzuz app is a React App using Node Express and MongoDB. Additionally, here are some of the integrations within the app

* Twilio Sendgrid - Sends an invite email to the players once the battle is created
* Twilio Verify - Used to verify phone numbers to reduce spam
* Pusher - Used for real time comments and events
* Agora - Used for video broadcasting

The APIs themselves were fairly straightforward to implement. Although, I did struggle a bit on implementing the real-time comments and events in the right order. I learned that if you fetch data from the database and then subscribe to a websocket, then you could potentially miss some data. Also, I'm more of a backend person. So learning React and implementing design was a but of a struggle for me. The app currently isn't mobile responsive, but in the future that will change!


## Additional Resources/Info 
You can read more about the Verzuz battles on [Timbaland](https://www.instagram.com/timbaland/?hl=en) or [Swizz Beats]{https://www.instagram.com/therealswizzz/?hl=en} Instagram accounts. 

Also, battles are currently limited to 10 viewers as costs can rise pretty high for all of the services.
🔌 Restore IntelliJ Idea settings ⛽
Tags: java, ide, intellij, idea
Published: 2020-05-01 06:51:25

---
title:  🔌 Restore IntelliJ Idea settings ⛽
description: After several installations and reinstallations of IDEs and different Java/JDK versions (8, 9, 11, 14), the IDE was not able to import my maven projects. The IntelliJ IDEA was acting as a simple text editor at this time 😟.
lang: en-us
tags: java, ide, IntelliJ, idea
cover_image: https://carloschac.in/public/images/intellij-restore-settings.png
---

> The article was originally published at [carloschac.in](https://carloschac.in/2020/04/30/restore-intellij-settings/)

## 🔌 Restore IntelliJ Idea settings ⛽

After a long day trying to figure out how to reset all my IntelliJ settings, I decided to write this to document the obvious solution that was not that obvious to me.

I was using the 🔥 JetBrains Toolbox App 🔥 for a while to manage my IntelliJ Idea Ultimate installation along with other tools like Rider, WebStorm, and the Early Access Preview for IntelliJ Community Edition.

![toolboxapp](https://carloschac.in/public/images/toolbox-app.png)

After several installations and reinstallations of IDEs and different Java/JDK versions (8, 9, 11, 14), the IDE was not able to import my maven projects. The IntelliJ IDEA was acting as a simple text editor at this time 😟.

<!-- more -->

## 💀 Failed attempt to solve it 🔇

1) Uninstall IntelliJ IDEA Ultimate using the Toolbox App
2) Uninstall the Toolbox App
3) Delete the following directories:

```bash
$ rm -rf ~/Library/Application\ Support/JetBrains/
```
    
```bash
$ rm -rf ~/Library/Caches/JetBrains/IntelliJIdea2020.1
```  

4) Reinstall IntelliJ IDEA without using Toolbox
    
```bash
$ brew cask install intellij
```

## 💊 The obvious and simple solution 🍏

![intellij-restore-settings-gif](https://carloschac.in/public/images/intellij-restore-settings.gif)

Go to:

`Configure` -> `Restore Default Settings` -> `Restore and Restart`
Mass SMS Messenger
Tags: twiliohackathon
Published: 2020-05-01 06:50:01

[Comment]: # (All of this is placeholder text. Use this format or any other format of your choosing to best describe your project.)

## What I built
#### Category Submission: Engaging Engagements

I was recommended by a friend of mine for joining this Hackathon at around 9 pm today. I started the entire development process at around 9:30 pm. I tried to build something simple but useful for local businesses during the period of COVID-19. Therefore, I designed a Mass SMS Messager which allows the business owner to send an SMS to a large list of clients by their phone numbers provided. 

## Link to Code
[My GitHub Repo](https://github.com/peterhychan/twilio-hackathon)

![Intro](https://upload.cc/i1/2020/05/01/X0NSyT.png)
- The layout of the app

![Success](https://upload.cc/i1/2020/05/01/Nl0nxM.png)
- If both correct phone numbers and valid content are provided, a SUCCESS alert will be provided. And we can check the SMS for confirmation.

![Fail](https://upload.cc/i1/2020/05/01/PtasM7.png)
- Else, a warning signal will be given. The user needs to update the content and/or phone number lists before sending another request.


## How I built it
Backend - Node.js and Express.js
Frontend - React.js (+ Styled by Bootstrap 4)
Twilio SMS service


## Additional Resources/Info

This is my first time dealing with Twilio API. Therefore, I only have a very limited understanding of its services. After playing around just with the SMS API, I can feel the power of Twilio. It makes the life of developers easier.  

Thanks Twilio for the promo code which I will definitely make good use of it to feel the power of Twilio services over this weekend. 

Stay Safe everyone !
🧙🏼‍♂️ Embark on an adventure, just a call away!
Tags: octograd2020
Published: 2020-05-01 06:48:55

## About

Socializing during quarantine is hard, and trapped at home there is only so much that we can do by ourselves, after reading every book in my library and binged every show on Netflix I was out of stories, so what do I do now?

So I built a AI-powered conversational bot to fulfill my lack of stories, not only that but take part on them too. Hey, we all enjoy a good story (or a good laugh)


## The Project
{% github KNawm/aidungeon-twilio %}


## How it works
I used Python with Flask for the backend. It's built on top of the [AIDungeon](https://aidungeon.io/) API, you just call and the bot will put together a story protagonized by you, fantasy, zombies, apocalypse, you name it, possibilities are endless.


## Challenges
I wanted to work with the model directly but for a lack of time I couldn't (maybe next time?). I enjoyed doing it, and I'll definitely continue working on it improving it and adding features!
My First Chatbot - A random dog & hobby generator for quarantined boredom
Tags: twiliohackathon, beginners, showdev
Published: 2020-05-01 06:30:22

# **What I Built**
#### Category Submission: Interesting Integrations 
A lot of people are really bored during quarantine and are running ideas of what to do! Therefore I came up with the idea of creating an SMS chatbot that people could text and get a random hobby idea back. It was hard to google the wording for such an API, so I did some digging online and found a txt file containing over 600 random hobbies.

I also added a random dog generator using the [dog API](https://dog.ceo/dog-api/) given [the tutorial I was following](https://www.twilio.com/blog/build-a-sms-chatbot-with-python-flask-and-twilio) generated random photos of cats, but lately photos of dogs have been helping me during this time so I thought they'd be nice for someone else too!

#### Demo Link: https://gph.is/g/E0nDyPy


#### Link to Code: https://github.com/KDJ1221/Twilio-Hobby-Bot


#### How I built it (what's the stack? did I run into issues or discover something new along the way?)
I've recently just began my new journey of using web frameworks and APIs and have had an interest in how to build a chatbot, so I followed [Miguel Grinberg's Twilio API tutorial](https://www.twilio.com/blog/build-a-sms-chatbot-with-python-flask-and-twilio) and set up a base project that I soon "remixed". 

I used Python, the Flask framework, Twilio's SMS API and helper library for Python, and ngrok to connect the Flask app and Twilio.

I ran into some issues during the initial setup of the app, such as terminal errors with Flask and ngrok when in the virtual environment given a lot of dependencies were not installed yet (*I'm also new to using virtual environments, they're actually really useful!*)


#### Additional Info
Although it is my first chatbot, there is definitely room for improvement for the future. For instance, if I had used an API for hobby generation I would have been better able to filter out what hobbies should be sent. With my implementation anyone can get otherworldly hobbies they can't do right now such as alpine skiing or backpacking, etc.

Something else I intend on investigating is finding a replacement for ngrok. Sessions only last 8 hours, which isn't really enough time to have a lasting app for others to test! Would definitely appreciate any advice on this!
Is DevOps a good career for Jr developers?
Tags: devops, help
Published: 2020-05-01 06:17:51

I had been focusing on back-end with Java and MySQL, but months ago I moved towards Docker, Kubernetes, Jenkins, Ansible, Linux servers, and I honestly find those way more interesting (AWS is on my list)

But I began second guessing my choice because I mostly hear people talk about front-end and back-end, I hardly ever hear anyone mention DevOps, at all.

Is DevOps a decent career path to pursue compared to back-end?

Thank you :)
WhatsTer Bot - A multifunction bot that I built for the Twilio Hackathon
Tags: whatster, whatsappbot, twiliohackathon, javascript
Published: 2020-05-01 06:17:17

Live at https://whatster.web.app

#What does the bot do?

The bot has several interesting functionalities, such as -

1. __Email__ - It can send emails to any specified email id by the user.
The emails can have an attachment too.



2. __Image recognition__ - The bot can recognize the contents of any image sent to it.



3. __Jokes__ - The bot doesn’t only do work, it also entertains you by sending a random dad joke, because as they say, ‘All work and no play makes Jack a	dull boy!”



4. __Login__ - You can log into your account from here. You can access your recent activity, and also view your saved message and media!


Link to Code

You can join the sandbox by [clicking here](https://api.whatsapp.com/send?phone=14155238886&text=join%20decide-wish) or sending a WhatsApp message to: +1(415)523-8886, first text join decide-wish and then say hi!

Check out my code on GitHub [here](https://github.com/aditya-mitra/whatster).


#How I built the bot?

__Login__ - For logging in, I created a web app for the login interface using ReactJS. The data is stored using MongoDB and for secure login, an OTP is generated, also through MongoDB.

__Email__ - It uses 'nodemailer' service by [Sengrid.](https://www.clarifai.com/)

__Image recognition__ - The bot can recognize the contents of any image sent to it, using the [Clarifai](https://www.clarifai.com/) API.

__Jokes__ - This uses the [icanhazdadjoke](https://icanhazdadjoke.com/) service.

#Conclusion

This project of mine falls into the Intersting Integrations category for this hackathon. It was a lot of fun creating this project, I hope you would enjoy using my WhatsApp bot, WhatsTer too!
Free illustrations for your next project
Tags: design, frontend, opensource
Published: 2020-05-01 06:16:33

Who doesn't like free stuff? Whether you're a designer, a graphics illustrator, a web developer, a student looking to spice up their presentation, or someone who just enjoys beautifully made illustrations, these awesome projects will surely inspire you and get your creative juices flowing.

## 1. [Undraw](https://undraw.co/)
![sample_undraw](https://dev-to-uploads.s3.amazonaws.com/i/sio62c0u68945006u0zx.gif)
Undraw features thousands of high-quality SVG for your pages. The palette is dynamically created from a single color that you can freely choose. As of today, illustrations are not grouped into categories so it's a bit difficult to browse by infinite scrolling. Also available as PNG.


## 2. [Black Illustrations](https://www.blackillustrations.com/)
![sample_black_illustrations](https://dev-to-uploads.s3.amazonaws.com/i/k8wgigh72or3ln85c5dt.png)
An amazing project that aims to represent people of color in illustrations. Create an inclusive atmosphere with these illustrations available in Photoshop, Illustrator, XD, Sketch, and Figma.

## 3. [Streamline Labs](https://lab.streamlineicons.com/)
![sample_streamline_labs](https://dev-to-uploads.s3.amazonaws.com/i/spd7p6axwhcldj0g530s.png)
80 free vector illustrations for your presentation and/or websites. Comes in hand-drawn and flat styles. Want more?  Check out their [3,000 illustrations](https://www.streamlineicons.com/ux/) (50 are free for you to try) and [30,000 free icons](https://www.streamlineicons.com/).


## 4. [Open Peeps](https://www.openpeeps.com/)
![sample_open_peeps](https://dev-to-uploads.s3.amazonaws.com/i/r8kd4sud7xw5f52geia4.gif)
This one blew my mind when I first tried it. Modern cartoon style where you can mix and match "...building blocks made of vector arms, legs, and emotions." Support for the leading design programs.
State Bind - A One Way Binding Chat App
Tags: twiliohackathon
Published: 2020-05-01 06:11:47

---
title: State Bind - A One Way Binding Chat App
published: true
description: My submission to the Twilio x DEV Hackathon!
tags: twiliohackathon
repository: https://github.com/jacobshenning/state-bind
---
![Brand](https://dev-to-uploads.s3.amazonaws.com/i/gc853cltb6npd78i8aji.png)

![Demo Picture](https://dev-to-uploads.s3.amazonaws.com/i/vsimwz3lqavllycqsla0.png)

## What I built

I used the programmable chat API from Twilio to code what I call a "one-way data binding chat." It demonstrates one-way data binding in a fun and engaging chat app.

[Demo Link](https://state-bind.jacobhenning.com/)
[Link to Code](https://github.com/jacobshenning/state-bind)

## How I built it

I built it using Laravel and I deployed it on my forge server. The stack is as follows:
 - Ubuntu/Nginx
 - PHP/Laravel
 - MySQL
 - Javascript/React

Notable integrations: The Twilio Programmable Chat

## What I learned

This is my first time using React as Laravel frontend. It's my first time using Twilio. It was kind of hard to get Twilio to agree with my React app at times, but I got it worked out.
FoodRocket
Tags: twiliohackathon
Published: 2020-05-01 05:58:16

---
title: FoodRocket
published: true
description: My submission to the Twilio x DEV Hackathon!
tags: twiliohackathon
---
<img src="https://dev-to-uploads.s3.amazonaws.com/i/aoknlm1zbg9jjpk6tcit.png" width="200px">
## What I built
#### Category Submission: COVID-19 / Business Engagement
With the current COVID-19 pandemic, businesses are severely affected. Essential businesses such as grocery stores and Pharmacies are open but run the risk of spreading the virus with more people on site. So myself and @iKreateCode (Emaz) developed an eCommerce system which allows business to sell their products through an app, which would then be delivered or allocated for collection at given time. Not only will this help reduce physical contact and spread of the virus but also offer customers the ease of shopping through their mobile devices and help keep the business running.

This implementation gives the flexible to run any kind of eCommerce with Mobile application for customer and API for scalability and are proud of what we were able to achieve in tough circumstances. 

Android Application is created for clients to view and make purchases through. The data and the logic is implemented in a Laravel API. Application can be adapted for any eCommerce business but here we have implemented a food ordering application.

## Demo Link
[![Demo Video](http://img.youtube.com/vi/e4EsGOMn1JU/0.jpg)](https://www.youtube.com/watch?v=e4EsGOMn1JU)
<img src="https://dev-to-uploads.s3.amazonaws.com/i/e63xq9whhmo94el6jlkh.png" width="350px">
<img src="https://dev-to-uploads.s3.amazonaws.com/i/zsdh93bhs7287tvuwafy.png" width="350px">
<img src="https://dev-to-uploads.s3.amazonaws.com/i/bcymodyy3ap3mhxqam22.png" width="350px>


## Link to Code
We decided to split the front end code and backend code into separate categories

Front End Code:
[https://github.com/iKreateCode/FoodRocket](https://github.com/iKreateCode/FoodRocket)

Backend Code:
[https://github.com/iKreateCode/FoodRocket-Backend](https://github.com/iKreateCode/FoodRocket-Backend)

## How I built it (what's the stack? did I run into issues or discover something new along the way?)
Java & PHP are two of our strongest languages, so it was a lot easier for us to get started with.
- Android Studio / Java
- Laravel (Passport) - API
- Twillo WhatsApp API
- GitHub / Heroku 

## Additional Resources
### Database Design
![Entity Relationship Diagram](https://dev-to-uploads.s3.amazonaws.com/i/thi2al9l0a40ai43f491.png)

### Testing with Postman
![Postman](https://dev-to-uploads.s3.amazonaws.com/i/dp4x00l1q6bz7junl448.png)

## Conclusion 
Because of our ongoing academic studies, we wen't able to commit to this project but it was fun and we are very happy to have participated in one of our first hackathons. 

Feel free to leave any comments and we are open to any suggest or improvements that you may have.
Three ways of accessing string characters in JavaScript
Tags: beginners, javascript, 100daysofcode
Published: 2020-05-01 05:22:19

How do we access characters in a string? Well, in this post we look at three ways that we can use to access a character at a particular index, *i*, in a string. In a string characters are indexed from left to right. For instance, in a string named *str* the first character is at index 0, while the last is at index *str.length-1*
###1. using charAt() method
This method will return the character at a specified index in a string. The method takes in a parameter, an integer that represents the index of the character to be returned. The syntax for usage is *string.charAt(index)*.
```
let str = 'string';
console.log(str.charAt(0)); // s
```
If no character is found, the method returns *an empty string*.
  ```
let str = 'string';
console.log(str.charAt(999)); // ''
```
###2. using square brackets notation []
Another way of accessing a character in a string is to using the square bracket. for example;
```
let str = 'string';
console.log(str[1]); // t
```
When we try to access a character whose index is larger than the string length, the Square brackets [] returns *undefined*.
```
let str = 'string';
console.log(str[999]); // undefined
```
###3. using for...of loop
We can also access string characters by simply iterating over its characters using the for...of loop
```
let str = 'string';
for(let char of str){
console.log(char); //s,t,r,i,n,g
}
```
Clipper - Use Machine Learning and Twilio to Turn Screenshots into Video Clips
Tags: twiliohackathon, machinelearning
Published: 2020-05-01 05:02:32

[Comment]: # (All of this is placeholder text. Use this format or any other format of your choosing to best describe your project.)

[Reminder]: # (Make sure you've submitted the Twilio CodeExchange agreement: https://ahoy.twilio.com/code-exchange-community)

[Important]: # (By making a submission, you agree to the competition's terms: https://www.twilio.com/legal/twilio-dev-hackathon-terms)

## What I built --- Clipper
#### Category Submission: Interesting Integrations

## Walking Through the Code
{% youtube ALQplkOYchY %}


## Demo Link
https://clipper.ngrok.io

## Link to Code
{% github technoplato/Clipper %}

## How I built it (what's the stack? did I run into issues or discover something new along the way?)
I learned a ton and I've got to write more about the experience, but right now, just wanted to submit a post with the Dockerized and runnable version of my project.

The stack is built with Flask, RabbitMQ, Google Cloud Vision, and Docker / Docker Compose (if that counts in the stack?).

I want to say thanks to Twilio and DevTo for putting this on. I had a lot of fun creating this project and will use it and continue to improve on it for my own personal experience and enjoyment after the hackathon. Good luck to all!
Quick Python: __all__
Tags: python
Published: 2023-01-06 01:25:27

---
title: Quick Python: __all__
published: true
date: 2020-05-01 04:53:46 UTC
tags: Python
canonical_url: https://brandonrozek.com/blog/pythonall/
---

Anything that is defined inside a package that is imported is also brought into that workspace. So for example, if package `A` uses `numpy` and you import `A`, then `A.numpy` will be shown in your workspace. In order to limit the variables exported, you can define the ones you want to be shown in a variable called ` __all__ `.

Inside your package `test.py`

```
hidden_variable = 5
shown_variable = 2
__all__ = ['shown_variable']

```

Then if you open the standard Python REPL and import `test`, only the variable `shown_variable` will be seen.