teleren/devto huggingface dataset:
Do you like GeoGuessr? I built a multiplayer version of it (in React) that you need to try.
Tags: react, webdev, startup, showdev
Published: 2020-10-15 15:11:29

## Geo... what?

In case you don't know [GeoGuessr](https://geoguessr.com) is an online game where you're dropped somewhere on Earth and with the help of Google Street View you need to figure out where you are. It's a very popular online game and a personal favorite of mine.

## So why make another one?

A little background story: besides being a GeoGuessr fan, I've also spent countless hours playing .io-type online multiplayer games, like: [skribbl.io](https://skribbl.io) and [slither.io](https://slither.io). The multiplayer element (among other things) makes these games a lot of fun and (unfortunately) highly addictive.

And that's what's missing from GeoGuessr.. Don't get me wrong it's a great game, but I figured it could be even greater if it had some sort of multiplayer functionality. So I built my own version of it.

## Introducing... Hide & Seek World!

In [Hide & Seek World](https://hideandseek.world) you're up against real players instead of just getting computer-generated random locations.

The game consists of a few turns, and in each turn there's one hider who selects a location somewhere in the world, and 1-5 seekers who try to guess the location based on Google Street View images.
As a hider your goal is hide well because the better seekers are able to guess your location the less points you get. As a seeker you get more points if you guess better.

![screenshot 1](https://dev-to-uploads.s3.amazonaws.com/i/0jy72bteopcoj8dx437k.jpg)

The concept is similar to the popular children's game, hence the name. The exception is that you have a bigger playground here, the whole world. At the end of each round you can see the guesses of all the players and how far everyone was from the actual hiding place.

![screenshot 2](https://dev-to-uploads.s3.amazonaws.com/i/03z9rg5mpa4tdry6cml2.jpg)

## Game modes

There's 2 game modes: Street View and Satellite. In Street View mode you hide by selecting a street view location somewhere and in Satellite mode your hiding spot is a zoomed in rectangular area on the surface of Earth. In Street View mode you need to be able to read visual cues about architectural styles, vegetation, people etc. to guess well, while Satellite mode relies more on your geographical knowledge.

You can also create a private room and play against your friends, where you can customize more things like: how much time you have to make a guess or restrict the map to only certain countries.

## How I built it

I built the frontend using Next.js & React, and the backend with Firebase services: Authentication, Realtime Database, FireStore, Functions, Analytics. For the maps & Street View related things I used Bing Maps and Google Maps APIs. Payments are handled with Stripe Checkout. The site is hosted on Netlify.

## [Go check it out now!](https://hideandseek.world)
First Hacktoberfest
Tags: hacktoberfest
Published: 2020-10-15 15:10:40

## It was the first time when I heard about it and I had a great experience with it. I learned how to use pull requests and resolve issues with open source contributions. Thanks, Digital Ocean!

<!-- It was the first time when I heard about it and I had a great experience with it. I learned how to use pull requests and resolve issues with open source contributions. Thanks, Digital Ocean!  -->
Project 2 (UNIT 2), a front-end React App
Published: 2020-10-15 15:05:19

So for my project 2 I managed to create a front-end react app using airtables as my API to fetch data,
I made a prescription app where you add prescription meds from a list that I created and you can edit time taken and delete it etc.
https://rxguide.netlify.app/
Algolia attributes are flexible
Tags: jamstack, webdev, algolia
Published: 2020-10-30 15:49:14

---
title: Algolia attributes are flexible
published: true
date: 2020-10-15 15:00:00 UTC
tags: jamstack, webdev, algolia
canonical_url: https://katiekodes.com/algolia-attributes/
---

Ohhhhh, I GET IT. There’s nowhere as you start an Algolia to define a schema for the data you plan to send it because it doesn’t care.

The only reason to use predictable, regular fields from one object to another is because _after the fact_, you use field names to determine what you care about with respect to searchability, and that could be a pain if you didn’t stick with a consistent word like “title.”

But Algolia doesn’t care if one “object” you pass it has a `personName` and another has a `carMakeAndModel` and yet another has a `brand`. It’s just more work for _you_ to do to figure out that you probably could’ve uploaded all of these pieces of data as an item’s `title` if you’re just doing, say, search against different page types on a web site.

In other news, today I built a Netlify function that downloads all my data from a Sanity site as a list-of-objects, and another Netlify function that pushes a list-of-objects up into Algolia. _(No, I haven’t hooked them up to each other – because I had this “aha moment” while trying to figure out how I wanted to go about doing so. My Sanity schema’s a hot mess, as in my example above, because I named things all sorts of crazy names for the purpose of making sure I didn’t rely on “magic coincidences” when hooking it up to stuff like 11ty.)_
#Hacktoberfest2020 !!
Tags: hacktoberfest
Published: 2020-10-15 14:56:04

Hactoberfest challenge finally completed. It was my first time that I participated in it. A great initiative by digital ocean. I learned a lot about open source world, also I came to know how to contribute to the project. Overall it was an amazing experience...Fabulous..!!  
 #Hacktoberfest2020
 #Dev
 #Digitalocean
First Hacktoberfest
Tags: hacktoberfest
Published: 2020-10-15 14:48:52

## What I Learned From Hacktoberfest

I started as a beginner. My seniors encouraged me to take part in hacktoberfest and start contributing. I learned git and started contributing. First, I contributed my "Mini-IMDB" project to two repsitories. Then i started working on several other projects. Today, I completed my hacktoberfest challenge. It has been a thrilling experience and hope it continues to be so.
S1E13: Building XR startup Resilience: lessons on leadership during a crisis
Published: 2020-11-18 00:39:56

---
title: S1E13: Building XR startup Resilience: lessons on leadership during a crisis
published: true
date: 2020-10-15 14:48:52 UTC
tags: 
canonical_url: https://anchor.fm/xrseapod/episodes/S1E13-Building-XR-startup-Resilience-lessons-on-leadership-during-a-crisis-el3b7j
---

So you started an XR startup just before a global pandemic hits.... Now what? Join the crew in our wide ranging discussion with Gabriel, CEO of [Próprio](https://www.propriovision.com/), on fundraising, establishing culture, accountability, and startup management and leadership in the midst of the most challenging economic times of our generation.

--- Send in a voice message: https://anchor.fm/xrseapod/message
I've launched my new personal website
Tags: showdev, career
Published: 2020-10-15 14:45:04

---
title: I've launched my new personal website
published: true
description: 
tags: showdev, career
//cover_image: https://direct_url_to_image.jpg
---

Hi, everyone! After much procrastination (🙂) - I've finally gotten around to updating my personal website [daveodea.com](https://daveodea.com). I've chosen to build atop the amazing Ghost platform.

I've migrated some of my previous articles from both Dev.to and Medium. I also plan on returning to writing helpful content, more frequently!

I'd really appreciate if you could drop by and check it out, maybe say hi - or even subscribe! 😀 Happy to hear your thoughts.

Thank you all, stay awesome!

~ Dave
GUI automation with Pyautogui
Tags: webdev
Published: 2020-10-15 14:39:53

Good evening! Do you already know the pyautogui Module? Its a python module that can send virtual keypresses and mouse clicks to your Operating System. Depending on your OS you might have to install different dependencies. For Linux you need to run:
```
sudo pip3 install python3-xlib
sudo apt-get install scrot 
python3-tk python3-dev
```
Then you can run pip3 install pyautogui. If your program somehow gets out of control on Linux you can Logout with Ctrl-Alt-Del. Also you can include short pauses into your program so you gain back control of the mouse or keyboard. For the mouse movements you make use of the x and y-coordinates of your screen.

Here are some functions of the PyAutoGUI:

1. moveTo(x,y)
2. click(x,y,button)
3. rightClick()
4. scroll(units)
5. press(key)

I also created a video about it here:
[![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/d31xq8b7i50o4oqtfivw.jpeg)](https://youtu.be/X8pybZZv0YM)

Read more about the PyAutoGUI here:

https://automatetheboringstuff.com/2e/chapter20/

What kind of automation tools or frameworks have you already been using? I love automating stuff. :D Have a nice evening!
Mongo, Mongoose and Express Reference
Published: 2020-10-15 14:39:17


**CHECK OUT MY PLAYLIST ON CREATING A REACT/EXPRESS APPLICATION WITH MONGO AND JWT AUTH HERE:** https://www.youtube.com/playlist?list=PLY6oTPmKnKbZsBHeBGNL9suAPIJdLaVk9

## Mongo Commands

![Mongo Commands](https://i.imgur.com/1Ps3Z1d.png)

---

![Mongo Commands](https://i.imgur.com/iKdxwV6.png)

## 3 Ways to Write Mongoose Queries

![Writing Mongoose Queries](https://i.imgur.com/xRbKhdM.png)

## Express Endpoints using Async/Await and Mongoose

![Express CRUD](https://i.imgur.com/grI0Uqx.png)

---

![Express CRUD](https://i.imgur.com/kMjShUz.png)
Juniors and overtime
Tags: discuss
Published: 2020-10-15 14:33:54

Junior and overtime seem to go together these days. I see a lot of people encouraging "staying in the office" (well, staying to your desk at home, more likely) because that's how you will get noticed, right?  
I realise many people tell me "they don't have a choice". I wanted to write an article about my experience on the subject, being a young person in the field for now 2 years. I would be curious to learn more about people’s point of view before doing so.   
**What is your opinion on juniors and overtime? Did you do it for your career? Did it help?**  
But mainly... **Do you regret doing it?**  
Disclaimer: This is a safe space. I am not here to make fun of your experience or belittle you. I am genuinely curious as to what push people to accept repeated overtimes. :)
What was the most irritating quirk for you when you learned another language or stack?
Tags: discuss, watercooler, javascript, beginners
Published: 2020-10-15 14:31:56

I've been learning .Net for work, which isn't too challenging. But after working with JavaScript for a year, having to use Pascal Case is the most annoying difference between the two languages.

Even after a few weeks working in C#, I still find it unintuitive to to write my methods and properties `LikeThis` (Pascal Case) and not `likeThis` (Camel Case). It's such a small change, but it still gets me.

**What has been the most irritating differences for you when switching between languages or between stacks?**

It's really the little things that make all the difference.
Identity, Unlocked: A Podcast For Developers
Tags: podcast, security, experts
Published: 2020-10-15 14:31:05

Join me and our guest identity experts to discuss identity specs and trends from a developer perspective.
[Read more...](https://auth0.com/blog/identity-unlocked-a-podcast-for-developers/?utm_source=newsletter&utm_medium=sc&utm_campaign=identity_unlocked)
Hacktoberfest 2020
Tags: hacktoberfest, opensource, coding, programming
Published: 2020-10-15 14:26:21

Happy to share that I have successfully completed this year's Hacktoberfest2020 challenge!! It was a super amazing initiative by DigitalOcean for those who were looking for open-source opportunities. I personally didn't know how to start my open source journey but this challenge was so beginner-friendly and had prizes( an amazing T-shirt) for those who completed it early on.

I had to make 4 pull requests but I managed to make 7 valid PRs (one got rejected). The language that I worked with was mainly #python and some #javascript. I made use of some of my #photoshop skills and made a nice footer for an organization that they really liked ( contributed as a designer XD ).

Would recommend it to anyone/everyone who wants to start contributing.
Hacktoberfest
Tags: hacktoberfest
Published: 2020-10-15 14:29:06

## What I Learned From Hacktoberfest

<!-- What did you learn that can help others contribute to the project you worked on? What did you learn that can help the users of that project?! -->
It was an Awesome Experience.
When I got to know about @hacktoberfest I was Exited and it was an awesome Journey.And Then when I got to know that I did it I feel Proud.
At last Jai Hind
Completed my first hacktoberfest
Tags: hacktoberfest
Published: 2020-10-15 14:28:32

## It was a great experience

 It was my first hacktoberfest.Glad that I got this opportunity to contribute to open source.Looking forward to participate next year too!https://dev-to-uploads.s3.amazonaws.com/i/bsdub8n2nlck87drsead.jpg
The 10 Best Screen Recording Software Tools
Tags: productivity, startup
Published: 2020-10-15 14:22:14

A screen recorder refers to software that enables users to digitally record the activity on their computer screens. It lets you record the entire screen or a portion of it. Using such software, you can snap a still image or record any on-screen activity, from cursor movements to typing. 

No two [screen recorders](https://launchberg.com/best-screen-recording-software/) are alike. Hence, you’ve got to do your research well before fully committing to one. So you won’t have to scour the web, we’ve made a list of ten exceptional tools worth considering:

Camtasia
Bandicam
Apowersoft
Screencastify
Screencast-O-Matic
CleanShot X
Snagit
Filmora Scrn
OBS Studio
Loom

What is a good free screen recording software tool?
If you’re looking for the best free screen recorder, our list has plenty of options — Camtasia, OBS Studio, and Apowersoft, to name a few. However, the built-in tool in your computer is the most budget-friendly option. It might not be as powerful as the screen recorders on our list, but it can get the job done. Remember that most of these free screen recorders are only free for a limited time. After the trial, you will have to purchase their paid versions to keep on using their features.
Hacktoberfest 2020
Tags: hacktoberfest
Published: 2020-10-15 14:13:45

## Hacktoberfest2020 Challenge
This was my first Hacktoberfest challenge. I have learnt a lot from it. Thanks to the DigitalOcean and DEV team!!


<!-- This was my first Hacktoberfest challenge. I have learnt a lot from it. Thanks to the DigitalOcean and DEV team!! -->
Why is `cli init folder && cd folder && git init` the norm?
Tags: webdev, discuss, cli
Published: 2020-10-15 14:12:57

Also, most cloud providers, e.g. Netlify and Vercel, expect `package.json` to be at the root folder.

How do I migrate, for example, from Nuxt to Hugo?

My usual solution? I generally structure like a monorepo.

```sh
.gitignore # for macOS specific ignores
README.md
packages/
  web/
```

So that I can add `packages/backend/`, if required.
Hacktoberfest Challenge Completed!
Tags: hacktoberfest
Published: 2020-10-15 14:11:20

This year hacktoberfest was my first time that I participated in it !
And I feel so glad that I successfully completed the #hacktoberfest 2020 . 
Though ,finding projects and contributing to them took me some time but the whole process helped me to learn a lot about different things and also made me realize that contributing to open source isn't that difficult.
If I can , You can too.
You still have time. 
Go and give it a shot!

 #contribution #dev #digitalocean #hacktoberfest2020
My first hackoctoberfest..
Tags: hacktoberfest
Published: 2020-10-15 14:11:07

## What I Learned From Hacktoberfest

<!-- What did you learn that can help others contribute to the project you worked on? What did you learn that can help the users of that project?! -->
It's my first time, I was very excited and nervous but I did it, thanks hacktoberfest for giving me this opportunity. Waiting for more events like this....
Thank you #Hacktoberfest  
Published: 2020-10-15 14:10:21

## What I Learned From Hacktoberfest
I think that the most important thing I learned from this year (is my first time) is that... Repo owners are humans.

Don't get me wrong I had develop for many people, but I think its was my second time pushing to a public repo and the first time it wasn't that humane as this time, mostly because of a really rush to get the issue I was fixing .

The owners where polite, even one guy said that my code was the cleanest and legible he reviewed that day.

So the thing to take away from my post is...
Try it... you will find a kind enough repo to continue doing issues for them
Problems with Simple-React-Lightbox and image data from a json file.
Tags: help, gatsby, lightbox
Published: 2020-10-15 13:57:16

Hello, I'm on a project and I'm having trouble with images and using Simple-React-Lightbox https://simple-react-lightbox.dev. I designed components for a services page whose data comes from a json file. I created a Services component in which I requested images and made a .map () in which I passed all the properties. The thumbnails images just show up, but when I open the Lightbox the first one is ok including the descriptive text, but the following photos are unfortunately incorrect. I feel lost and really need help quickly.

Here is my gitHub repository: https://github.com/Pataco80/capriati-peinture.git
The site on netlify at the following address: https://capriati-peinture.netlify.app/

Thank you in advance for all of your help.

P.S. The site is in French and I hope google translate will do the trick.

Thanks again.
Infrastructure-as-software: A New Beginning
Tags: cloud, cloudcomputing, development, developers
Published: 2020-10-15 13:55:49

When you combine a general-purpose programming language (Go, Python, C#, etc.) + Infrastructure-as-code, you get something new...

Infrastructure-as-software

What does it mean? Find out now.

https://www.youtube.com/watch?v=5r__VHaY164
Different number types
Tags: javascript, webdev, codenewbie, beginners
Published: 2020-10-15 13:55:14

```js
console.log(typeof 0); // number
console.log(typeof new Number(0)); // object
```

---

**Thanks for reading 💙**  
Follow **@codedrops.tech** for daily posts.  
[Instagram](https://www.instagram.com/codedrops.tech/) ● [Twitter](https://twitter.com/codedrops_tech) ● [Facebook](https://www.facebook.com/codedrops.tech/)

Micro-Learning ● Web Development ● Javascript ● MERN stack ● Javascript  
**[codedrops.tech](https://www.codedrops.tech/)**
Hacktoberfest 2020
Tags: hacktoberfest
Published: 2020-10-15 13:53:04

## What I Learned From Hacktoberfest

Imposter syndrome is something we all struggle with to one degree or another. Imposter syndrome is the fear of exposure as a fraud. If you’re anything like me you have felt like your work was not good enough to show. Or you weren’t far along enough in your journey as a developer to have much to contribute.

After learning about Hacktoberfest last year, I wanted to contribute. But I felt overwhelmed, and imposter syndrome began to take hold.

I told myself I was too inexperienced as a developer and I worried that my commits wouldn’t be worthwhile. Unfortunately, I let those fears get the better of me, and I didn’t even bother signing up.

This year I forced myself to set my fears aside, studied this post on Hacktoberfest, and I dove in. I’m going to share a little of what I worked on and the benefits of getting involved. Benefits that go far beyond getting a shirt and can be had 12 months out of the year!
Done with Hacktoberfest yay! 
Tags: hacktoberfest, github, opensource
Published: 2020-10-15 13:39:47

Ensuring that I get a Hacktoberfest badge by making sure my GitHub information appears on DEV profile.
hehe :)

I learned a lot by participating in the Hacktoberfest, like how to contribute to the open source community, how to create a pull request, how to fork a repository & how to merge any pull request.  I am happy that I took the initiative and my very first steps on this long and amazing journey in the coding world. I look forward to participate in more such events and keep on contributing to open source.

Above all else, my participation is Hacktoberfest'20 has made me a better developer with a greater desire to contribute. I’ve seen that there is room in these projects for new contributors.

Contributing to projects is a great way to improve your skills, gain confidence and practice coding. While finding the right project may take a bit of searching, it will be well worth your while.

Looking forward to get my hacktober badge over my GitHub :)
Github url:- https://github.com/SRiYaa
@DigitalOcean

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/aa6pcwxqp1r6txpx5llz.png)
How to auto verify OTP on the web using the new Web OTP API?
Tags: javascript, webotpapi, webotp, otp
Published: 2020-10-15 13:33:39

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

WebOTP is an important API to verify OTP on the phone web browser automatically without having to manually type your OTP.
Chrome recently released this feature and it will work only with version 84 or above.

So, this tutorial will explain to you step by step how to implement WebOTP with javascript-

1. The first step before starting is we should know the SMS rules for the API to work correctly.
A valid verification message might look like the following:
Your OTP is: 1598
@www.amazon.com #1598
Here @www.amazon.com is the domain of the OTP verification page and #1598 is the OTP.

2. `if ('OTPCredential' in window) { 
      window.addEventListener('DOMContentLoaded', e => {
        const ac = new AbortController();
        navigator.credentials.get({
          otp: { transport:['sms'] },
          signal: ac.signal
        }).then(otp => {
          alert(otp.code)
        }).catch(err => {
          console.log(err)
        });
      })
    } else {
      alert('WebOTP not supported!.')
    }`
Demo link- https://jyotishman.github.io/webOTPAPI/
hacktober fest2020
Tags: hacktoberfest
Published: 2020-10-15 13:31:18

## What I Learned From Hacktoberfest
I learnt from this fest that whatever it takes just do your best for you and others too.
you can help others too by pulling request as some people try so hard to remove errors and problems from their repos but didnt got one so people like me like us norml people help them to do this.