teleren/devto huggingface dataset:
How to Add a README File to Your GitHub Profile
Tags: git, github, webdev
Published: 2020-12-23 21:49:23

Hi guys! I trust y’all had a good day?

Our focus today is the amazing special feature for developers, designers, etc. that was added by GitHub recently. This feature allows you to showcase yourself not just by building but by adding information about your work, portfolio, and anything else on your GitHub Profile.

Have got some favorites readme I will like to share with you before we proceed:

![prosper](https://res.cloudinary.com/olanetsoft/image/upload/v1607777097/new/prosper.png)

![jason](https://res.cloudinary.com/olanetsoft/image/upload/v1607777097/new/jason.png)

![samson1](https://res.cloudinary.com/olanetsoft/image/upload/v1607777098/new/samson1.png)

![bolaji](https://res.cloudinary.com/olanetsoft/image/upload/v1607777098/new/bolaji.png)

Now let's create something magical 🤗

## Some prerequisite :

---

- Create a [GitHub](https://github.com/ 'GitHub') account
- Basic Markdown knowledge for a smooth experience

## Steps are as follows:

- Create a new public repository with your username and ensure you use the same case as your GitHub username.

  ![newrepo](https://res.cloudinary.com/olanetsoft/image/upload/v1607777096/new/newrepo.png)

- Click on the checkbox: Initialize this repository with a [README](https://en.wikipedia.org/wiki/README 'ReadMe') file. This will create a README.md file inside your repository.

  ![initialize](https://res.cloudinary.com/olanetsoft/image/upload/v1607777097/new/read.png)

- Now you can edit the readme to your taste. Remember, you can add images, text, lists, etc. You also get a free template from GitHub out of the box.

  ![template](https://res.cloudinary.com/olanetsoft/image/upload/v1607777096/new/outofbox.png)

You can check out a special 😎 repository on my [Profile](https://github.com/Olanetsoft 'GitHub')

![myrepo](https://res.cloudinary.com/olanetsoft/image/upload/v1607777097/new/mine.png)

### Link to useful Resources

---

- [GITHUB STAT CARD](https://github.com/anuraghazra/github-readme-stats#github-stats-card 'Stat Card')
- [THEME](https://github.com/anuraghazra/github-readme-stats#themes 'Theme')
- [TOP LANGUAGES CARD](https://github.com/anuraghazra/github-readme-stats#top-languages-card 'Top Lang')

At the end of this article, you have successfully set up your special repository.

I hope you find this article useful :)

Share a Link to your GitHub profile in the comment section, we will be glad to check it out 😉
5 Awesome DEV Hackathon Submissions
Tags: dohackathon, hackathon
Published: 2020-12-23 21:35:26

THe DEV + DigitalOcean App Platform Hackathon is in full swing (Dec 10 - Jan 10).

I've seen lots of amazing people getting involved and some fun submissions. Here's 5 submissions I've found awesome so far:

## 1. Random Potato Mood Generator by [Alba Silvente 💃🏼](https://dev.to/dawntraoz)

This project uses Nuxt and Tailwind. I want to play around with Nuxt more after seeing this.

{% link https://dev.to/dawntraoz/random-potato-mood-generator-using-nuxt-and-tailwindcss-26f4 %}

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

## 2. Color Game by [Bo Iliev](https://dev.to/boiliev)

{% link https://dev.to/boiliev/color-game-a-do-hackathon-submission-1bd5 %}

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

## 3. McBroken Dashboard by [Caleb Lemoine](https://dev.to/circa10a)

An app to show you all the broken McDonald's Ice Cream Machines in the US. Amazing!

{% link https://dev.to/circa10a/the-mcbroken-dashboard-1eij %}

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/1vr5vc2170ynebh46cv6.jpeg)

## 4. Landing Laravel by [Erika Heidi](https://dev.to/erikaheidi)

I adore Laravel so it's good to see some Laravel submissions!

{% link https://dev.to/erikaheidi/landing-laravel-my-submission-to-the-digitalocean-app-platform-hackaton-20l %}

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/3kitzqpjxjbdofbz9smr.jpeg)

## 5. Gitalitycs by [Dharmen Shah](https://dev.to/shhdharmen)

{% link https://dev.to/shhdharmen/gitalytics-a-simple-overview-of-github-activities-ohd %}

## Conclusion

This only scratches the surface of the great submissions. Be sure to join the DEV Hackathon! Excited to see what else you all make!
Memories #06
Tags: cpp, codenewbie, beginners, gamedev
Published: 2020-12-23 21:06:59

## One more...

This is maybe the last one of the series "Memories".
A simple game named "Asteroids_Clone", developed in 2019 as a Personal Project too...

### But
This one is a challenge that I accepted about to do a fully simple game with C++ using Unreal Engine in one week.
It was a funny experience to accept this challenge and maybe I will repeat others like this one, later.

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

### Objective 
The objective is to destroy the asteroids, and you will get points, without being hit by them. If you take a lot of hits, the game will end.

## Do you want to check out?

If you want to check out the video and the code about the project here on the link below:

[Youtube Playthrough](https://youtu.be/aMdXH05n0AY)

[Github](https://github.com/DavidCRicardo/Asteroids_Clone) 


--> Social Media: 

[Youtube Channel](https://www.youtube.com/c/DavidRicardo97)

[Twitter Account](https://twitter.com/DavidCRicardo)
Neural Network
Tags: machinelearning, python
Published: 2020-12-23 21:06:13

Learnt how to build a basic neural network with no hidden layer network, it was fun though but yet to grasp the backpropagation phase concept after the feed forward phase, 
Anyone with a self explanatory information about that, let me know in the comment section
Thanks
#MachineLearning is FUN! #DeepLearning #100DaysOfCode #DataScientist
REACT
Tags: react, javascript, devops, computerscience
Published: 2020-12-23 20:49:27

React is a JavaScript library for building user interfaces.
React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. It can be categorized as “V” in the MVC (Model-View-Controller) pattern.

*Advantages of React for a front end developer*
1. Easy to use
2. It Supports Reusable Component in Java
3. Easier Component Writing
4. Better Performance with Virtual DOM
5. SEO Friendly

*GETTING STARTED WITH REACT*
Install NodeJS
Run on the command prompt npx-craete-react-app name of the app
Run cd name of the app to open the folder
Start coding
To run the app run npm start on the command prompt
To build the app run npm start build on the command prompt.

#REACT IS COMPONENT-BASED
Build encapsulated components that manage their own state, then compose them to make complex UIs.
Since component logic is written in JavaScript instead of templates, you can easily pass rich data through your app and keep state out of the DOM.

#REACT COMPONENTS
React components implement a render() method that takes input data and returns what to display. This example uses an XML-like syntax called JSX. Input data that is passed into the component can be accessed by render() via this.props(short for properties).React component is easier to write since it uses JSX, an optional syntax extension for JavaScript that allows you to combine HTML with JavaScript.
Angular & Nest, a match made in heaven
Tags: nest, angular, nestjs, typescript
Published: 2021-06-17 08:13:22

---
title: Angular & Nest, a match made in heaven
published: true
date: 2020-12-23 20:10:21 UTC
tags: nest,angular,nestjs,typescript
canonical_url: https://medium.com/@kevinkreuzer/angular-nest-a-match-made-in-heaven-e52cb8e4105a
---

[![](https://cdn-images-1.medium.com/max/1350/1*vlL-AazboFo4r6CQ0xj19Q.png)](https://medium.com/@kevinkreuzer/angular-nest-a-match-made-in-heaven-e52cb8e4105a?source=rss-6cd4fff6b841------2)

How to generate a frontend and backend application with 5 commands

[Continue reading on Medium »](https://medium.com/@kevinkreuzer/angular-nest-a-match-made-in-heaven-e52cb8e4105a?source=rss-6cd4fff6b841------2)
Introducing Musicians-U
Tags: showdev, startup
Published: 2020-12-23 20:05:20

This post contains affiliate links, I may receive a commission from the product within.

Hello! Today we have launched our [KickStarter Campaign](https://www.kickstarter.com/projects/musiciansu/musicians-u-music-education-and-social-networking). Musicians-U is a website for music education and social networking. 

The website and mobile apps are made up of ("Trainers") which are interactive teaching applications, which include progress tracking with in app beautiful charting.

We are utilizing the web-audio and web-midi sdk's in many of our applications to provide an even more immersive experience ( midi input).

We will be posting frequent updates here on dev, going over our tech stack and showcasing some of the applications.

We have set a very low backer price $10.00 which gets the backer beta access and a year long membership to the website. Only thing is with a backing price that low, we need ALOT of backers. Could you please help spread the word? And thank you in advance.

{% youtube HqjGAirsm9M %}
𝐀𝐖𝐒 𝐒𝐘𝐒𝐎𝐏𝐒 𝐀𝐃𝐌𝐈𝐍𝐈𝐒𝐓𝐑𝐀𝐓𝐎𝐑 𝐀𝐒𝐒𝐎𝐂𝐈𝐀𝐓𝐄  - How to Pass ?
Tags: aws, devops
Published: 2020-12-23 20:04:05

𝐀𝐖𝐒 𝐒𝐘𝐒𝐎𝐏𝐒 𝐀𝐃𝐌𝐈𝐍𝐈𝐒𝐓𝐑𝐀𝐓𝐎𝐑 𝐀𝐒𝐒𝐎𝐂𝐈𝐀𝐓𝐄

Just now 𝐏𝐀𝐒𝐒ed the Exam. I am yet to receive the actual score

Here is the 𝐅𝐎𝐑𝐌𝐔𝐋𝐀 for 𝐒𝐔𝐂𝐂𝐄𝐒𝐒 !

I. 𝑺𝑶𝑼𝑹𝑪𝑬𝑺
1. https://www.udemy.com/course/aws-certified-sysops-administrator-associate-training/ (Neal Davis !!!!𝐌𝐔𝐒𝐓!!!!! )
2. https://www.udemy.com/course/ultimate-aws-certified-sysops-administrator-associate/ (Stéphane Maarek, OVERVIEW)
3. https://acloudguru.com/ ( Faye and Ryan, OVERVIEW)

II. 𝑪𝑯𝑬𝑨𝑻𝑺𝑯𝑬𝑬𝑻𝑺
1.  https://tutorialsdojo.com/links-to-all-aws-cheat-sheets/ (TUTORIAL DOJO Jon Bonso)
2.  https://digitalcloud.training/certification-training/aws-certified-sysops-administrator-associate/ (Neal Davis)
𝐍𝐨𝐭𝐞 : This cheat sheet contains minimum Exam scenarios. For more of exam scenarios, please refer to his course.

III. 𝑬𝑿𝑨𝑴 𝑫𝑼𝑴𝑷𝑺
1. https://www.udemy.com/course/aws-certified-sysops-administrator-associate-practice-exams-soa-c01/ (Jon Bonso, average 78% in each exam)
2. https://www.udemy.com/course/aws-certified-sysops-administrator-associate-aws-practice-exams/ (Neal Davis, average 80%)

Neal Davis courses made me gain complete confidence in appearing and passing the exam.

Good Luck !

Merry X-mas and Happy 2021 !
Tailwindcss main site but what UI for my Admin Portal?
Tags: discuss, react, javascript, css
Published: 2020-12-23 19:59:39

I started creating a ton of custom Tailwind for an admin ui for CodingCatDev and thought, "Why am I doing this". I love the flexibility of Tailwindcss and it looks amazing on our Next.js frontend. But when it comes to a "boring" Admin site is it just easier to use a sweet Component Library that is already built?

How are you accomplishing this?

What UI Component Library are you using?

I have considered[PrimeReact](https://www.primefaces.org/primereact/), [AtlasKit](https://atlaskit.atlassian.com/), and [Material-UI](https://material-ui.com/).

Being an Angular developer at heart (at least I think I still am). I have also considered just delivering all of this functionality in an Angular App with [Angular Material](https://material.angular.io/). Since I want to open source the core of CodingCatDev as a LMS product though I think other devs might really like the idea of staying in React all day. Curious what you think about that as well??
Proud to have reached 100k rep on StackOverflow
Published: 2020-12-23 19:50:43

---
title: Proud to have reached 100k rep on StackOverflow
published: true
description: 
tags: 
cover_image: https://i.imgur.com/OmL1erO.png
---

I haven't been active on SO lately, and I randomly found this old email in my inbox today - turns out indeed that I reached [100k rep](https://stackoverflow.com/users/1269037/dan-dascalescu), and almost 20 million people since I joined in 2009.

![Dan Dascalescu Stack Overflow reach](https://dev-to-uploads.s3.amazonaws.com/i/492noafs14wu5zg25ydo.png)

Despite the [more](https://meta.stackexchange.com/questions/50967/question-deletions-are-getting-out-of-hand) than [occasional](https://meta.stackoverflow.com/questions/251758/why-is-stack-overflow-so-negative-of-late) [frustration](https://web.archive.org/web/20140712195215/http://www.mogosselin.com/one-aspect-stack-overflow-hate-fix/), StackOverflow has been the most useful community resource in my career as a software engineer, and I'm deeply grateful for its existence.
How to push a project to GitHub
Tags: github, git
Published: 2020-12-23 19:12:50

According to [Tomiwa](https://twitter.com/I_am_Ajayii
), Git and GitHub are two symbiotic tools for developers. Git on one hand is a version control tool (like a file's registry) used to keep track of a particular codebase and all it's history right from initiation, this helps you manage the code base, ensure seamless versioning (eg v1, v2...)

GitHub on the other hand is a cloud hosting system designed to help maintain all your git repository, thus the term 'symbiotic'.

To push your project to [GitHub](http://github.com) after coding

Requirements:  
- An established project on your local disk
- Install Git on the PC (you can install Git by downloading from [http://git-scm.com](http://git-scm.com)).

Steps:

* Open git bash and navigate to the folder where the files you want to push are. Then initialize git

```git init```

* Add your files

```git add .```

It automatically adds all the files in that folder to git and it will be able to track them.

* Commit your files with a custom message. It will commit and notify git that you want to push these files online. Make your commit message as descriptive as possible.

```-git commit -m "Custom Message"```

* Add your Github repository as a remote

```git remote add origin git@github.com:User/UserRepo.git``` where User is your username and UserRepo is your repository name.

* Push your code to GitHub. This means you are pushing to a branch named 'main' on a remote repository on Github

```-git push origin main```
I'll answer your career questions and review your resume
Tags: watercooler, career
Published: 2020-12-23 19:11:26

---
title: I'll answer your career questions and review your resume
published: true
description: 
tags: watercooler, career
//cover_image: https://direct_url_to_image.jpg
---
I'm learning to make some videos and online classes to support my book [Land the Job](http://landthejob.ryanlatta.com). I'd like some practice making videos and whatnot, so I thought I'd practice by reviewing resumes and answering career questions.

So here's the deal. If you send me either:

- Your resume without any personal information
- A burning question about getting a job, negotiation, trying to get a promotion, or anything else really

I'll make a short 5-10 minute video reviewing your resume and giving specific action steps, or answering your question as best I can in that same time frame.

What I'd ask in return that I can post the video to youtube or twitter or whatever.

What do you think?

If you want to get this started, you can email me at ryan@ryanlatta.com
12 days of suspense
Published: 2020-12-23 19:07:55

so, suspense...... how?
well, a lot is happening in every developer's book these next few days, so this is basically a rant on my end, Also **xent** is being retired temporarily so I can work on some bigger projects, No monthly updates on xent until at least June.

So, what's happening in my book?
1. Ender Bot has returned, with a new focus: everything security-related.
2. I'm getting a new pc... it's hard to set up a new pc.
3. Everyone gets a present this year!
4. eh, to be fair I just wanted to post something this month since I almost forgot, sorry for taking your time, everything here was a literal joke except ender bot and the new pc... cya next year
Landing Laravel - my submission to the DigitalOcean App Platform Hackaton
Tags: dohackathon, opensource, laravel, php
Published: 2020-12-23 18:54:45

---
title: Landing Laravel - my submission to the DigitalOcean App Platform Hackaton
published: true
description: Landing Laravel: my submission to the DigitalOcean App Platform Hackathon!
tags: dohackathon, opensource, laravel, php
series: do-hackaton
cover_image: https://assets.digitalocean.com/articles/landing_laravel_series/landing_final.png
---

_Disclaimer: as a DigitalOcean employee, I am not eligible to win any prizes, but I decided to participate as a fun exercise to learn more about App Platform and  get a cute badge from DEV ;)_

## What I built
I built a links landing page in PHP with Laravel. You can build one too if you follow my tutorial series on [How To Build a Links Landing Page in PHP with Laravel and Docker Compose](https://www.digitalocean.com/community/tutorial_series/how-to-build-a-links-landing-page-in-php-with-laravel-and-docker-compose).

### Category Submission: 
Personal Portfolio

### App Link
https://erikalinks-ad5qa.ondigitalocean.app/

### Screenshots
![Landing Laravel Screenshot](https://assets.digitalocean.com/articles/landing_laravel_series/landing_final.png)


### Description
 This application provides a simple web page with relevant links that you want to share. It can be very useful for Instagram, instead of using services like Link.tree you can host your own links landing page.

### Link to Source Code
https://github.com/do-community/landing-laravel

### Permissive License
MIT

## Background
I first had this idea after seeing Link.tree and how this service is being used on Instagram to share links on that platform. I decided to build something self-hosted, as an experiment. Since it's rather simple in scope, I decided to turn this into a tutorial series that I wrote for DigitalOcean.

### How I built it 
I built it originally with Laravel and Docker Compose. I learned a lot of things about App Platform while trying to deploy it, and also about docker images in general.

Now that I managed to get it deployed, it's so easy to update that I'm planning to spin some of these for my personal use, too :)


### Additional Resources/Info 

If you want to have a look at how I customized the page at [https://erikalinks-ad5qa.ondigitalocean.app/](https://erikalinks-ad5qa.ondigitalocean.app/), check out [my own fork](https://github.com/erikaheidi/landing-laravel) of the Landing Laravel application.
Always Swagger Your API
Tags: csharp, webdev, api, swagger
Published: 2020-12-23 18:36:33

This is a short and sweet post. And the title summarizes it well enough. **Always Swagger Your API**.

I can almost hear it now

> I never use Swagger because (...)

And let me say, right now. I'll likely address that.

Whenever you are starting a new API, use swagger. I can't recall the documentation, design, and development challenges I've faced because a parameter was slightly mistyped, a class was mis-defined, a class was a slightly different shape, or I had a API call as a *GET* when I needed and expected it to be a POST. 

Swagger solves this. When you need to create an API, being able to rapidly test it, develop against it, and document it saves hours for every minute it takes to implement it. 

Reasons you might not want to use it:

1. It can get very large, and slow
2. It can expose endpoints (generally touted as a security risk)
3. Something else to maintain

### Too Large
For it becoming large: This is true. And I have two solutions.
 a. It can be split, although it creates additional maintenance.
 b. Get rid of Swagger after the rough, cowboy days of getting the API up and functional. I think every new API should have swagger through early development. Not necessarily forever.

### Security - Exposed endpoints 
First, this is a terrible argument from a security standpoint. The bad guys that you should worry about will have better tools to do what they do, including finding your endpoints. 

There are real reasons to not want to expose the endpoints however. Perhaps you don't want a user a accident discover the page and create confusion. Or perhaps some calls are not documented on purpose (v2 over v1 endpoints).

### Maintenance
You might just not want to deal with maintenance forever. If the swagger gets too large, or your targeting framework changes. 

### Remove Swagger

I'll say it one last time: *Every new API should use Swagger, but when the API is mature enough feel free to remove it*
Public IP Of router?
Tags: cmd, networking, publicip, router
Published: 2020-12-23 18:27:02

So I'm writing a little networking command line called `epsinet` and I've realised that `ipconfig` in cmd returns the private IP Address of the router, not the public. Finding the private IP of the router is fairly easy if you already have the private IP of the user, but the public, for some reason? Not so much.
**TL;DR:** How do I get the public IP of a connected router through CMD? (still a bit lengthy but shorter)
The best Couple: useContext + useReducer !
Tags: context, reducer, react, hooks
Published: 2020-12-23 18:14:42

*Disclaimer:*

This is going to be one of the best post you have ever come across in search of *useContext + useReducer* hooks!

**Why do we use useContext and usereducer together?**

*Reason:* To share states between the components i.e. Global State 
 Management

In the previous posts, we have seen how to make use of useContext and useReducer hooks.

So, in this post, we will see how to make use of them *together!*

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

In this example, we are going to share the state of the counter between Component A , Component D and Component F!

Also, the Components hierarchy in our example is as follows: 

1.)Component A
2.)Component B -> Component D
3.)Component C -> Component E -> Component F


**Steps:**

1.) Create *React context* in the main *<App/>* component

2.) Make reducer function in the main *<App/>* component

3.) Make use of the useReducer function.

4.) Send context value using *Context Provider* 

5.) Consume Context Value using *useContext* hook.

6.) Transfer action from the components using *dispatch*


Okay so let's get started!

**Step1:** Create *React Context* and *reducer()* function:

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

**Step2:** In the functional component, call *useReducer(reducer,initialState)* hook :

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

Here, you can see that we have passed the state i.e. *counter* and *dispatch* method as the value in the *Context Provider.*

**Step 3:** Now, in order to access the global state in Component A, Component D, and Component F, we need to make use of the useContext Hook to consume the context value passed by the *Context Provider*.

*(component A)*
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/hcqdw4lt6s2q07xn3no5.JPG)

*(component D)*
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/ccjg9mco1cw4wtxqkmkx.JPG)

*(component F)*
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/z355nnwd7rl9bypg2qzg.JPG)

**Step 4:** In order to change the global state through Components A, D, and F, we have passed *action* (i.e. increment, decrement, or reset) through the *dispatch* function.

*This is all you need to manage the global state using* **useReducer and useContext** *hook!*

*I hope it might have helped you!*

*Do share your thaughts!*

*Happy Coding, Thank you! *

*-Jayant Khandelwal*
Navigate between words
Tags: vscode, webdev, codenewbie, beginners
Published: 2020-12-23 18:09:59

`Control/Cmd + Left/Right` - Navigate between words  
Hold `Shift` to highlight

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

---

**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/)**