teleren/devto huggingface dataset:
Using Your IP Address to Find Your Long/Lat Coordinates
Tags: forschoolassignment, lab3
Published: 2022-01-31 08:10:16

**ipLookUp API: Finding My IP Address**
This part was completed in my previous lab 2 activity. I basically used the ipLookUp API to fetch the IP of my current location. I will be posting my source code at the end, but you can find this part under the UserIP.js file.

---

**ip-api API: Finding My Coordinates**
For this part, I was suppose to use the GeoIP API to find my coordinates, but it was not cooperating with me. I kept getting a 502 Error. ![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z42kz4nflxm6ds8x8yv6.png)

After failing to find a solution, I decided to use another API and stumbled across [ip-api](https://ip-api.com/docs/api:json#test). Similar to GEOIP, its response contained location data. It was neat that this API automatically found my IP address and used it to locate my coordinates. 

These are the information returned in json format:
```
{"status":"success","country":"United States","countryCode":"US","region":"PA","regionName":"Pennsylvania","city":"Williamsport","zip":"17701","lat":41.2382,"lon":-76.9978,"timezone":"America/New_York","isp":"Comcast Cable Communications, LLC","org":"Comcast IP Services, L.L.C.","as":"AS7922 Comcast Cable Communications, LLC","query":"73.230.71.189"}
```

However, to fully understand this assignment, I needed to incorporate what I had in my second lab. Luckily, ip-api had an option for developers to manually input an IP address.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hsdhqixsw4ah85xj5w4f.png)
 
In the getGEOIPData() function, an instance of UserIP(named IPClass) was created. Next, using IPClass's updateUser() function, my IP address can be returned. In fetch, both the locationEndpoint url("http://ip-api.com/json/") and my IP address is combined. ip-api will then use this information to respond with my location data. I was able to plug this information into the Google Maps URL and the wikipedia-query element. 
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/294c2608kwxeuqba8cb8.png) 
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uhg1s8yd8x2fyfdpgma3.png)

---

**Result**
This is how my website looked like when everything worked!
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0eqpjy6oswyjhv6zebj6.png)
 

---

**Links**

- [My GitHub Source Code](https://github.com/jfz5219/ip-project)

- [ip-api API](https://ip-api.com/docs/api:json#test)

- [wikipedia-query Element](https://codepen.io/btopro/pen/yLNmVbw)
What is token?
Tags: web3, bitcoin, blockchain, beginners
Published: 2022-01-31 08:04:02

## Token
Token is niether a digital file nor a physical coin like thing. It refers to the **programmable asset** and/or access rights that are collectively managed by a network of computers, a blockchain network, or some other distributed ledger. 

## Distributed ledger
Distributed ledger provides a public infrastructure in the form of a **distributed record of transactions** that is stored on multiple computers in the network, and it **keeps track of which wallet address is the owner of which token**.

![Token](https://www.ledgerinsights.com/wp-content/uploads/2019/07/tokenization-810x476.jpg)

## Token contracts
Token contracts are a type of smart contract. They define a bundle of **conditional rights assigned to the token holder**. Tokens can represent anything from a store of value to a set of permissions in the physical, digital, and legal world. They allow more transparent, efficient, and fair interactions between market participants, at low cost.

## Why is there low cost involved?
Cryptographic tokens on the blockchain have lower issuance and management costs involved. In traditional financial operations require heavy auditing and involvement of human resource. Automated real-time cryptographic proof of oversight can reduce costs of bureaucracy by orders of magnitude; depending on the industry and use case, the exact numbers will vary. As a result, cryptographic tokens can be easily issued and securely traded on a blockchain network, without an intermediary or escrow service.

Keeping this blog short, please port your RELEVANT views on it and do read other blogs in this series.

Source - Orielly

Thanks for reading...
Today's Daily Dose of Programming Humor
Tags: jokes, dailydeveloperjokes
Published: 2022-01-31 08:00:22

---
title: "Today's Daily Dose of Programming Humor"
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/5e125947cfb29.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:___ An Agent died unexpectedly. How was the crime solved?

___A:___ By looking at the Stack Trace.
 -->
did some aspect ratio research!
Published: 2022-01-31 07:54:23

currently the bounds of the level are generated by reading the viewport size, instead i will feed it specific values of a common resolution type (probably 19:6 or 1.777777777777778). 

then in camera setup, I'll get the viewport size, get the ratio value, use 1.777777777777778 as my default ortho width and camera height with a map range unclamped node, with a second value for 19.5:9) then adjust the camera as necessary. probably wont be a linear solution though, so I'm guess I'll really probably just have to test a bunch and make adjustments based on lots of testing

then i can probably strip out a lot of the "GetCameraInfo" calls since most of those were referring to level bounds really rather than camera or viewport. 

then i can get back to spawning player pregame pawns.
USB HID Enumeration with BleuIO to create BLE application
Published: 2022-01-31 07:50:46

The BleuIO is a Bluetooth low energy USB dongle that can [create new BLE 5.0 applications](https://www.bleuio.com/) in the fastest and easiest way.

The BleuIO so far has been  supporting the USB Serial Port Profile (SPP).

A new firmware has been released to allow the use of USB Human Interface Device Profile (HID).

The USB HID is usually available in the operating system without the need of external drivers. The makes less dependency in developing BLE applications.

Choose your desired firmware for BleuIO by using built in bootloader and select between USB profiles:

Serial Port Profile (SPP) 
Human Interface Device Profile (HID)
#### HID Introduction

HID (Human Interface Device) defines a class of peripheral devices enables people to input data or interact directly with the computer, such as a mouse, keyboard, or joystick. The HID specification is a part of the USB standard, thus USB mice and other USB user input devices are HID compliant.

The host and the device are two entities in the HID protocol. The device is the entity that directly interacts with humans, such as a keyboard, mouse and BleuIO. The host communicates with the device and receives input data from the device in messages with 64 bytes size.

HID devices must meet a few general requirements that are imposed to keep the HID interface standardized and efficient. 

#### Demo application 

Bluetooth Special Interest Group (SIG) defines a HID profile that specifies how a device can support HID services over the Bluetooth LE protocol stack using the Generic Attribute Profile.

This example implementation shows how BleuIO can be used with the USB HID profile. The application allows to send BleuIO AT commands and displays the response on the screen.  

![USB HID Bluetooth](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qry5zrphbsucdmkbuml9.gif)
issues with app in netify
Tags: javascript, webdev, react, netify
Published: 2022-01-31 07:38:17

Hello,
I have uploaded a movie search app to netify,but the app is displaying without the content from the api.
This app is displaying properly in my browser with all content displayed.
I would be grateful for advice of how i should be able to have api content displayed in my app on netify.
Thanks for anticipated assistance.
Install Elm for Linux arm64
Tags: linux, elm, arm64, compile
Published: 2022-01-31 07:30:34

## What?

Just some quick steps to compile Elm for Linux arm64 since the official distribution does not support ARM yet.

## How?

Get Debian GNU/Linux Bullseye 11 arm64 ready and run these commands:

```bash
sudo apt-get install -y build-essential \
    automake \
    autotools-dev \
    make \
    g++ \
    ca-certificates \
    software-properties-common \
    apt-transport-https \
    lsb-base \
    lsb-release \
    zlib1g-dev \
    libpcre3-dev \
    libcurl4-openssl-dev \
    libc-dev \
    libxml2-dev \
    libsnmp-dev \
    libssh2-1-dev \
    libevent-dev \
    libopenipmi-dev \
    libpng-dev \
    pkg-config \
    libfontconfig1 \
    git \
    bzip2 \
    zip \
    unzip \
    musl-dev \
    ghc \
    cabal-install \
    libmpfr-dev

git clone https://github.com/elm/compiler.git
cd compiler
git checkout 0.19.1

rm worker/elm.cabal
cabal new-update
cabal new-configure
cabal new-build
```

Wait for a while and the binary should be hopefully at `compiler/dist-newstyle/build/aarch64-linux/ghc-*/elm-0.19.1/x/elm/build/elm/elm`

> **IMPORTANT:** Please ensure you have at least 4 gigas RAM memory available for the compilation to work

## Who?

As always a big thank you to Evan Czaplicki and the wonderful people creating and maintaining Elm.

Some references for other Linux distributions and compilation optimizations may be found at https://github.com/elm/compiler/blob/0.19.1/installers/linux/Dockerfile and https://gist.github.com/rlefevre/1523f47e75310e28eee243c9c5651ac9

> For learning more about Elm please go to [Elm The Complete Guide](https://www.udemy.com/course/elm-the-complete-guide/?referralCode=C7120849E19E4866E9C3)
Wikipedia's API and wikipedia-query
Tags: api, fetch, wikipedia
Published: 2022-01-31 07:10:22

## What is an API?
An API (Application Programming Interface) is a software that allows for connections between computers and computer programs. For this project we took advantage of Wikipedia's API's.

## Fetch

`fetch` is a method in JavaScript that is used to request resources in the form of HTTP from a webpage. Shown below is an example of `fetch` being used to communicate with Wikipedia. A request is sent out with a resulting JSON response.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/t72e2a77b8gu6t7r528m.png)

## Wikipedia API
Before starting with Wikipedia api, make sure to import the necessary packages by adding this line of code to the top
`import '@lrnwebcomponents/wikipedia-query/wikipedia-query.js';`

Wikipedia has a numerous amount of functions that can be referenced [here](https://en.wikipedia.org/w/api.php). This API allows users to connect to Wikipedia and manage different functions. With this lab we are dealing with the query function and it is accessed by using the tag `wikipedia-query`, it uses `fetch` to search for the necessary parameters. 

```
<wikipedia-query search="${this.city}, ${this.state}"></wikipedia-query>
      <wikipedia-query search="${this.city}"></wikipedia-query>
      <wikipedia-query search="${this.state}"></wikipedia-query>
```
The above block of code is three query's that get parameters filling out the state and city, the city alone, and the state alone. They were gained earlier in conjunction with the freegeoip app.

In all, API's are a useful tool that allow for coders to do less coding. Provided is my GitHub [repository](https://github.com/kfo5087/ip-project/tree/master/src)
Day 7/100 Java
Tags: 100daysofcode
Published: 2022-01-31 07:03:15

Week 1 ✅

Day 7/100

**Language:**
JAVA

**Time Period Spent:**
2hrs

**Course Taken:**
Udemy: Java Programming Masterclass - Tim Buchalka

**Todays Learning:**
- Switch Statement
- The For Statement (For Loop)
- Code Challenges:
	- Number In Word
	- Number Of Days In Month
	- Day Of Week Challenge


**Additional Notes:**
Today has been a progressive one. Still working through known entities such as switch statements, working with golang I knew of what it was. The syntax is similar to golang in its switch cases. Happy with the progress being made.

In addition, going through the forloops this is the same as it is written in php so it makes it evermore easier to learn the syntax like this. Key note: once you lean the fundamentals of programming all is tranferable, what changes is the syntax, but the way that all of it is expressed is the same.

Compiling all my notes and the coding challeneges into files to be able to book them into GitHub. Most of the code challenges have been written on the udemy online IDE.
can we reach 1k star in this github library 
Tags: javascript, webdev, beginners, tutorial
Published: 2022-01-31 06:36:23


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ucmpm17jnh0mx5wv3ziv.png)
last days we publish new powerful schema builder and data validation and it's volder.

- volder use for javascript language.
- volder have full documentaion. visit [https://volder.vercel.app](https://volder.vercel.app) to see more
just to be honest you want to see it and if you like it add a star. support me :)
**and this is the volder github repository: [https://github.com/devSupporters/volder](https://github.com/devSupporters/volder)**
Remove nth node from end of list Leetcode Python

Tags: leetcode, python, removenthnode, algorithms
Published: 2022-01-31 06:22:57

LeetCode has a Medium coding Problem in Its’ Algorithm Section “remove nth node from end of list leetcode python”. Today We are going to solve this problem. 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sdcz76jm89v1zr5d5rlm.jpg)

remove nth node from end of list leetcode python
Question
Given the head of a linked list, remove the nth node from the end of the list and return its head.

Examples

Input: head = [1,2,3,4,5], n = 2
Output: [1,2,3,5]
Input: head = [1], n = 1
Output: []
Input: head = [1,2], n = 1
Output: [1]
Constraints:

The number of nodes in the list is sz.
1 <= sz <= 30
0 <= Node.val <= 100
1 <= n <= sz
Follow up: Could you do this in one pass?

Remove nth node from end of list Leetcode Python Solution
The Solution is at https://xhecodesit.com/remove-nth-node-from-end-of-list-leetcode-python/
Data Binding in React Pivot Table Component
Tags: react, reactnative, webdev
Published: 2022-01-31 06:05:42

Learn how easily you can bind local and remote data to the [React Pivot Table](https://www.syncfusion.com/react-ui-components/react-pivot-table) component. 

**React Pivot Table - Blazing Fast & High Performance Pivot Grid**

- Organize and summarize pivot data in a grid and chart.
- Load large volumes of data with high performance.
- Easily filter, sort, aggregate, and group pivot data.
- View detailed or abstract data using drill down or up.
- Experience seamless interaction and editing capabilities.
- Product Overview: https://www.syncfusion.com/react-ui-components/react-pivot-table

Refer to the following data binding documentation for the Syncfusion React Pivot Table component: https://ej2.syncfusion.com/react/docu... 

Check out this online example of the React Pivot table data binding: https://ej2.syncfusion.com/react/demo...

{% youtube _sKndiVl5w0 %}
Building Motivation through Coding Affirmations & Achievement Lists
Tags: productivity, motivation, beginners
Published: 2022-01-31 05:56:28

I've started my front-end developer journey, and decided I'd share my way of helping get through the times I'm feeling demotivated and unsure I'm going into the right direction.

I feel that affirmations and achievement awareness are a great way of helping here. It's definitely helped me realise that I'm making progress so far.

## Affirmations

You can write these down, just say them out loud, or put them into a spreadsheet in Notion (that's what I did).

### How to use these affirmations

1. Either say these out loud or just in your head
2. Go through each one, think about it, and then move onto the next one. Don't rush the process
3. Repeat each one, total time can be just 5 times each. Start slow, and then you can build up to 2-5 minutes if needed
4. Recommended - write down how long you've spent doing your affirmations and try to slowly increase this time

### My affirmation list - C.A.R.E

- 🐢 **C**onsistency - I can’t expect to rush my learning, only through consistency
- 👀 **A**lways learning - I understand that progress is always being made, even if I can’t see it
- 🏖️ **R**elax - I'm busy enjoying my life, I don’t need to stress about coding
- 🎉 **E**njoyment - The more I learn, the more I enjoy coding

I use Notion, so here is an example below (every time I complete an affirmation I tick off a box and increment the times I've completed one).

![Coding affirmations](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/o0b0lh0aysnontmfbdi0.jpg)

**Note**: these can be added/edited/removed as you see fit. These are just a few simple affirmations to help get you going and motivated.

## Achievement List

Another way to help keep you motivated is through an achievement list (or lists). Writing down your achievements helps you realise that you are learning and making progress, no matter how much or little it is.

The process is simple:

1. Write down daily (or weekly) what you have completed in your coding journey. It can be as simple as "Writing 10 lines of code" or more complex, e.g. "Completed my to-do list app"
2. Make sure to keep consistent and don't get discouraged if some days aren't as good as others. The point is to highlight your progress.

Below is an example of how I track it using Notion. Very simple and can be edited later.

![Coding Achievements in Notion](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x0a8a4sftgknhuowmlpa.jpg)

**Note**: don't get discouraged if you miss a day. Consistency is key, but so is not stressing if you miss a day.

I usually complete my affirmations and then my achievement list afterwards every day (except maybe weekends).



If you have any other tips for motivation, let me know in the comments section.

Happy coding! 🎉

Special thanks to [Camille Daligand](https://theriseapproach.com/) for the idea and suggestions!
ES6 way to clone an array
Tags: javascript, webdev, beginners
Published: 2022-01-31 05:37:13

### Hello Folks 👋
What's up friends, this is **SnowBit** here. I am a young, passionate and self-taught developer and have an intention to become a successful developer.

I hope you enjoy reading this article.

---

In the olden days, when ES6 was not introduced, we often use the `slice()` method to clone an array. Now it's the time for ES6, you can use the spread operator to clone an array. It looks pretty neat and right.

```js
const ducks = ["🦆", "🦆", "🦆", "🦆"]

// Old way
const ducksClone = ducks.slice()

// ES6 way
const ducksCloneES6 = [...ducks]
```

This is how you clone an array with ES6. 

But your crazy mind would have wondered...

### Why can't I use `=` to clone an array?
This is because the array in JavaScript is only referenced values so when you put `=` and try to clone an array will only copy the reference of the original array to a variable and not an array.
```js
const ducks = ["🦆", "🦆", "🦆"]

const pirateDucks = ducks
const cloneDucks = [...ducks]

console.log(ducks === cloneDucks)
// true -> same memory space

console.log(ducks === pirateDucks)
// false -> new memory space
```

### Some problems arise when using `=` to clone array
In Javascript, arrays are mutable i.e their state can be modified. So, this might happen when using `=` 👇
```js
const ducks = ["🦆", "🦆", "🦆"]

const pirateDucks = ducks
pirateDucks.push("🏴‍☠️")

console.log(pirateDucks)
// ["🦆", "🦆", "🦆", "🏴‍☠️"]

console.log(ducks)
// ["🦆", "🦆", "🦆", "🏴‍☠️"] - Original duck array values got changed
```

---

Thank you for reading, have a nice day!
**Your appreciation is my motivation 😊**

- Follow me on Twitter - [@codewithsnowbit](https://twitter.com/codewithsnowbit)
- Subscribe to me on YouTube - [Code With SnowBit](https://www.youtube.com/channel/UCNTKqF1vhFYX_v0ERnUa1RQ?view_as=subscriber&sub_confirmation=1)
7 killer websites you need to check out!
Tags: useful, webdev, discuss
Published: 2022-01-31 05:25:48

## Intro
Hello there, Welcome back to another post and in this post I will list you some websites that I found online and are extremely useful .

## 1.[PFPmaker.com](pfpmaker.com)
This site generates cool profile pictures from a normal image you upload on it. 

## 2.[Neumorphism.io](https://neumorphism.io/)
Creating Neumorphism type components is difficult but this site makes that task way more easy you simply have to choose the design and copy the code.

## 3.[Fontjoy](https://fontjoy.com/)
When making websites or writing a blog post it is difficult to choose correct font pairing so this site generates cool font combinations for you .

## 4.[Carbon.now](https://carbon.now.sh/)
If you have written a small piece of code and you want to share it in a cool looking image then this site is perfect for you. You can type code in it and it will generate cool looking images of your code.

## 5.[Logoipsum](https://logoipsum.com/)
If you are just making a template for a future use and need a sample logo you can visit this site it will help you.

## 6.[Readme.so](https://readme.so/)
This site makes it easier to write a README.md file for your github repo .

## 7.[CSS gradient](https://cssgradient.io/gradient-backgrounds/)
This site provides you with a number of css gradient bg color that you can you can use for your website bg.

So that's it for today thanks for reading. Feel free to ask/suggest something in the comments section.

Stay safe and do take very good care of yourselves.
Comment "**99 followers yaay!**" if you see this.
How to Build a Custom Split Mechanical Keyboard: Bill of material
Tags: diy, inspiration, ideas, technology
Published: 2022-07-17 13:57:32

---
title: How to Build a Custom Split Mechanical Keyboard: Bill of material
published: true
date: 2022-01-31 05:01:09 UTC
tags: diy,inspiration,ideas,technology
canonical_url: https://couedeloalexandre.medium.com/how-to-build-a-custom-split-mechanical-keyboard-bill-of-material-b2cf1ab62fef
---

[![](https://cdn-images-1.medium.com/max/2600/1*8jdcm-tGHWxuKKx28-jzJw.jpeg)](https://couedeloalexandre.medium.com/how-to-build-a-custom-split-mechanical-keyboard-bill-of-material-b2cf1ab62fef?source=rss-6e21f0d290d1------2)

One Step further In the world of Open-Source Ergo Split Keyboards

[Continue reading on Medium »](https://couedeloalexandre.medium.com/how-to-build-a-custom-split-mechanical-keyboard-bill-of-material-b2cf1ab62fef?source=rss-6e21f0d290d1------2)