teleren/devto huggingface dataset:
Day 49 of 100 Days of Code & Scrum: Sass-y Styling on Thanksgiving
Tags: 100daysofcode, beginners, javascript, productivity
Published: 2021-11-26 12:56:57

Happy Thanksgiving day, everyone!

...Unfortunately, we do not celebrate Thanksgiving in the country I live in, so it was just a normal day for me.

Either way, I had a great time styling my homepage. I think I can deploy a decent single-page MVP by tomorrow. There are so many things that could be improved upon, but it's not too bad and it could suffice for a business website. I most likely will move on to working on my personal blog first, before I add more pages to my company website.

Anyway, let's move on to my daily report!

## Yesterday

Just chilling doing some SCSS styling for my homepage. I also learned about the Scrumban method.

## Today

Here are the things I learned and worked on today:

### Company Website

- mostly worked on the portfolio and contact section of the homepage.
- added an image for each portfolio project item.
- use gradient colors for the view project buttons.
- added a background image for the contact section.
- fixed element alignment and colors for the contact section.
- added contact details on the footer.
- fixed other styling all over the homepage.

### Scrum

- I did some practice flashcards for Scrum.
- reviewed some of the things I've learned before.

Thank you for reading! Have a good day.

![Rammina Thank You Banner](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x9ayfxxxaz2g2hfcqbsk.png)

### Resources/Recommended Readings

- [Scrum Master learning pathway | Scrum.org](https://www.scrum.org/pathway/scrum-master)
- [The 2020 Scrum Guide](https://scrumguides.org/scrum-guide.html)
- [Mikhail Lapshin's Scrum Quizzes](https://mlapshin.com/index.php/scrum-quizzes/)

### Cover Image

- [Photo by Claudio Schwarz on Unsplash](https://unsplash.com/photos/cgcteFH-azk)

### DISCLAIMER

**This is not a guide**, it is just me sharing my experiences and learnings. This post only expresses my thoughts and opinions (based on my limited knowledge) and is in no way a substitute for actual references. If I ever make a mistake or if you disagree, I would appreciate corrections in the comments!

<hr />

### Other Media

Feel free to reach out to me in other media!

<span><a target="_blank" href="https://www.rammina.com/"><img src="https://res.cloudinary.com/rammina/image/upload/v1638444046/rammina-button-128_x9ginu.png" alt="Rammina Logo" width="128" height="50"/></a></span>

<span><a target="_blank" href="https://twitter.com/RamminaR"><img src="https://res.cloudinary.com/rammina/image/upload/v1636792959/twitter-logo_laoyfu_pdbagm.png" alt="Twitter logo" width="128" height="50"/></a></span>

<span><a target="_blank" href="https://github.com/Rammina"><img src="https://res.cloudinary.com/rammina/image/upload/v1636795051/GitHub-Emblem2_epcp8r.png" alt="Github logo" width="128" height="50"/></a></span>
NFT Gaming Platform Development Company | NFT Games Clone Script - Developcoins
Tags: beginners, game, nftgames, opensource
Published: 2021-11-26 12:53:41

Introduction:

Nowadays NFT games are very Famous in Crypto World. The NFT Game provides a strong ownership right, immutability and gives security to the holders.It allows users to Buy or Sell theirs in gaming digital Assets.The NFT games offer tremendous revenue-generating opportunities.


To Kick Start your NFT Games Now!

Developcoins provides end-to-end NFT Game development services and solutions for all NFT games and clones.

Our Famous NFT Game Clones,

lAxieInfinity Clone Script

lGods Unchained Clone Script

lDecentraland Clone Script

lAlienWorld Clone Script

lSplinterlands Clone Script

lMetaWars Clone Script

lSandBox 3D Clone Script

lTiny Hero Clone Script

lCryptokitties Clone Script

lTerra Virtua Kolect Clone Script

lBetFury Clone Script

lNBA Top Shot Clone Script

lIdle Cyber Clone Script

lPolkawar Clone Script

lSorare Clone Script

lZedRun Clone Script - Digital Horse Racing Game

lFarm City Clone Script

lNeon District Clone Script

lGold Fever Clone Script

lBattle Racers Clone Script

lCrypto Punks Clone Script

lCryptoBlades Clone Script

lCryptosnake Clone Script

lCrypto Dynasty CloneScript

lAnd more game clones are available.

 Book a FREE NFT Game Clone Script Demo Here! 
https://www.developcoins.com/nft-gaming-platform-development

 Blockchain Platforms We Expertize,

Our Developers are well versed to create games on all Blockchain Platforms. Here 

lEthereum

lTron

lBinance Smart Chain

lSolana

lPolygon

lHyperledger

lAzure Blockchain

lOpenChain

lCorda

lAnd more

Features of Our NFT Game Development,

lEasily Verify

lLiquidity

lTransparency

lSecurity

lUser Friendly

lDecentralization

lSmart Contracts

lInstant Payment

Why Choose Developcoins for NFT Gaming Platform Development?

Developcoins is a Leading NFT Gaming Platform Development Company.We offer the best NFT games & Clones with advanced functionality & features based on your requirements. 

We Provide

lExpert NFT Game Developers

lNFT Token Creation

lRealistic Gaming Experience Platform

lEasy Deployment

lCustomizable NFT Gaming Platform

lAR/VR Integration

lAutomated listing in NFT marketplace

lExclusive NFT token creation

lRobust platform

l24/7 support assistance

Get Connected With Us!

Contact Us,

Visit Website - https://www.developcoins.com/nft-gaming-platform-development

Book A Free Consultation via Call/Whatsapp: +91 9843555651 

Telegram - https://t.me/Developcoins

Skype - live:Tech Innovate

Email id - sales@developcoins.com
LGMVIP - Internship Experience
Published: 2021-11-26 12:43:56

Hello Everyone,

I am <a href="https://dev.to/nikhil">Nikhil Pal</a> and in this post I will be sharing my experience as a Web Developer Intern at Let's Grow More(LGM) through their Virtual Internship Program that I had joined for November 2021.

It was a well-structured internship and as a Web Developer Intern I was expected to complete at least 2 out of the 3 listed tasks using relevant technologies.

The tasks were as follows :-

-> Beginner Level Task : Create a Single Page Website using HTML, CSS and JavaScript. The website had to follow a predefined design pattern along with a few creative changes.
-> Intermediate Level Task : Create a Web Application using ReactJs. The application had to feature an API call to display user data. It also featured a loader to be displayed while the data was still being fetched.
-> Advanced Level Task :- Student Result Management System using HTML, CSS, JavaScript, PHP and MySQL.

I have successfully completed the first two tasks and had learned a lot in this process.

Beginner Level: It was a good experience to design the webpage according to a predefined design and add extra bits into it to get an immersive experience.It also refreshes my CSS skills.


Intermediate Level:  This task gave me an insight into using API’s in react and it was the perfect time for me to understand more about React through this task. I used Material-UI to set up a clean UI to display the data. I also added a “Fetch Users” functionality into my page to fetch and display  data onto my app.


All the source code is present on my Github: <a href="https://github.com/nikhilpal755?tab=repositories ">here</a>
Fast EDB recovery tool that does a great job of recovering all the contents 
Tags: programming, python, opensource, cloud
Published: 2021-11-26 12:33:21


I was looking for a quick way to recover all of the mail contents from a large EDB file when I discovered the EdbMails EDB to PST converter tool. I downloaded the free software and first ran it through its paces with a small mailbox. It quickly recovered all of the mailboxes and allowed me to preview the contents. Because my mailbox contained so many important items, I wanted to test the speed of the recovery. Just wanted to let you know that one of the features that drew me to your software is that, unlike your competitors, it does not perform a deep scan of the EDB file when you connect to it, which saves a lot of time. Thank you for your prompt service. 
To know more : https://www.edbmails.com/pages/edb-to-pst-converter.html
How To Implement OAuth2 Social Login(Single Sign-On)Using Facebook — Part 1
Tags: webdev, javascript, beginners, programming
Published: 2021-11-26 12:32:40


## OAuth2 FaceBook 

Hello👋 ,Its Rohan Kadam😊

Welcome to Part 1 of OAuth2 Social Login Using **Facebook**. In this part, we try to understand how to create the **Facebook** configuration using the developer portal.

![How to implement Oauth/SSO login using Facebook -Part 1](https://cdn-images-1.medium.com/max/6000/1*lfTz3r9RPZ46hANSGTaARQ.jpeg)
[**Facebook for Developers**](https://developers.facebook.com/)

### **⚡Step 1:** Create a Facebook Account if don’t have already one.
[**Log In or Sign Up to View**](https://www.facebook.com/login/)

### **⚡Step 2:** Register As a FaceBook Developer
[**Register - App Development - Documentation - Facebook for Developers**](https://developers.facebook.com/docs/development/register/)

### **⚡Step 3:** Create An App (Facebook App)
[**Create an App - App Development - Documentation - Facebook for Developers**](https://developers.facebook.com/docs/development/create-an-app)

### **⚡Step 4:** Filling the App Details.

***Select as per your requirement.**

i) Select App Type as Consumer *****

ii) Enter App Name, Contact Email

iii) Finally Click on Create App

### **Step 5:** On Successful Creation, You will be taken dashboard & Select Facebook Login.

![Facebook Developer Dashboard](https://cdn-images-1.medium.com/max/3792/1*QGri4ZF6DkjHWOzufzjSKQ.png)

### **⚡Step 6:** Fill in basic details such as redirect URI and app domains.

![Facebook Login Setup page 1](https://cdn-images-1.medium.com/max/3868/1*fBWNSJlPJ1rSGNy7Z28QEw.png)

### **Step 7:** Save the Keys for Future used in the system.

 1. App Id ( also known as Client Id)

 2. App Secret ( also known as Client SecretKey)

### **⚡Step 8:** Additional Info can be added as per requirement.

![facebook-1](https://cdn-images-1.medium.com/max/2000/1*Rx6SbZW4YqlTsNQd_UP7aw.png)

### **⚡Step 9:** Facebook Oauth (Social Login ) using [Spring boot.](https://medium.com/javarevisited/top-10-courses-to-learn-spring-boot-in-2020-best-of-lot-6ffce88a1b6e?source=---------39------------------)
[**How To Implement OAuth2 Social Login Using Facebook & Spring Boot — Part 2**](https://medium.com/@rohankadam965/how-to-implement-oauth2-social-login-using-facebook-spring-boot-part-2-8582a8943144)

### ⚡Conclusion:-

In the article, we tried to answer as many questions related to how we can use Oauth / SSO Login for our application using the third parties service mainly Facebook, Google and Twitter etc.SSO /Oauth is becoming the standard for sign-in and sign-up of users of many online services.

Please do share and like💖 if you find the article useful. Follow me on medium [Rohan Ravindra Kadam](undefined) and on Twitter at [rohankadam25](https://twitter.com/rohankadam25)

![Thank You](https://cdn-images-1.medium.com/max/2800/1*f9TMjifJVReTlh93qJ845Q.png)
With free GraphQL tools, StepZen's API management vision begins to take form
Tags: beginners, tutorial, news, discuss
Published: 2021-11-26 12:22:24

StepZen burst onto the scene at the end of last year with a $8 million seed investment and a goal for API unification.
Today, the business unveiled two new free GraphQL tools to assist simplify API administration, bringing that ambition into sharper perspective.
Anant Jhingran, CEO and co-founder of StepZen, views the graph as part of "a fundamental revolution that's going place in how apps connect with the back end."
As more APIs are used to construct software and link systems, StepZen wants the graph to be at the heart of API management, handling all of the many relationships and dependencies between these APIs. 
Crossing numerous apps to get all of the information about anything with linkages is inherently complicated.
For example, a corporation may desire to consolidate all of its client information, yet it is spread across various platforms.
What are your thoughts on the relationships between client information, interaction data, and prior orders?
One is from the CRM, one is from marketing and customer support tools, and one is from an order management system. 
StepZen's goal is to make the process of connecting the dots easier.
"The key point is that, while there are various sub-elements," Jhingran noted, "the use cases actually link the dots because that's where the true strength of the business [lies]."

Today, the firm is offering two free tools to assist with this.
The first is GraphQL Studio, which assists businesses in creating a map or flow that depicts the links between the many APIs your firm employs, whether internal private APIs or public SaaS APIs. 
"As a result, developers are not limited to working with proprietary APIs."
It is not true that developers solely work with SaaS APIs.
"And what we want to do is enable both sides of the narrative, and our GraphQL Studio is basically beginning from 'here are your pre-finished APIs' that you're going to sort of pick and choose and then add your own special sauce," he explained. 
The second component is GraphQL Federation, a tool that can aggregate the multiple graphs inside an organisation into a unified graph of graphs, allowing businesses to understand how the various components work together.
The ability to federate these little graphs has been a significant difficulty that StepZen hopes to address with this technology. 
"Fundamentally, the concept is that there is no one graph in a team of teams, so when you look at how apps consume data, they have to link across different graphs and get to a unified graph."
"And that is what the GraphQL Federation does," he explained.

He claims that the firm is providing both tools for free to developers as a starting point for connecting multiple APIs, and that as they progress into more sophisticated use cases, they may sign up for StepZen. 
"Once people start using the tools, some will say, 'we need to kind of change it a bit, or we need to add our own private data,' and that's where we want people to join up for StepZen, but we also want people to succeed without signing up."
Yetkili Kullanıcı Politikası, Domain Kullanıcılarına Yalnızca Kendi Makinelerinde Yetki Verme
Published: 2021-11-26 12:05:34

Kullanıcılara kendi makinelerinde yetki verilmesi 2 şekilde yapılabilir.
## 1- Her kullanıcının yalnızca kendi makinesinde tam yetki verilmesi

Liman MYS arayüzünden politikalar arayüzüne gidilir;
 **Liman MYS'de Domain Eklentisindeki LDAP OU'sundan politika oluşturulan OU seçilir ve Obje Türünden Politikalara tıklanır**

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

Politikalar listesinden ilgili politikası tıklanır;

Açılan pencerede "Makine" seçilir ve "Tümü" üzerine tıklanıp Yetkili Kullanıcı seçilir.

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

Kullanıcı Ekle bölümünde;

1. KULLANICI ADI, domainde oluşturulmuş kullanıcı adı girilir,
2. HOSTNAME KISITLAMASI, yetkinin verileceği makine/makineler seçilir,
3. SONA ERME TARİHİ, yetkinin sona erme tarihi girilir. Boş bırakıldığında politikanın etkisi hiçbir zaman bitmez.

Girilen veriler sonrasında;

kullanici1 adlı kullanıcının sadece "cl01" adlı makinede ve kullanici2 adlı kullanıcının sadece "cl02" adlı makinede tam yetkiye sahip olacaktır. Aynı işlem kullanıcı yerine gruba vermek istenilirse "Grup Ekle" bölümüne gidilip GRUP ADI kısmına domainde oluşturulmuş grup adı ve HOSTNAME KISITLAMASI kısmınıda yetkinin verileceği makine/makineler girilir.

## 2- Her kullanıcının yalnızca kendi makinesinde kısıtlı komut çalıştırabilmesi

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

Yetkili Kullanıcıdan Komut için izin ver bölümünde;

1. KULLANICI ADI, domainde oluşturulmuş kullanıcı adı girilir,
2. GRUP ADI, domainde oluşturulmuş grup adı girilir,
3. KOMUT, izin verilecek komut girilir,
4. BU KOMUTU PAROLASIZ ÇALIŞTIRMAYA İZİN VER, isteğe göre komutu parolasız çalıştırma izni verilir,
5. HOSTNAME KISITLAMASI, izin verilen komutun hangi makine/makinelerde uygulanacağı seçilir,
6. SONA ERME TARİHİ, yetkinin sona erme tarihi girilir. Boş bırakıldığında politikanın etkisi hiçbir zaman bitmez.

Girilen veriler sonrasında;

"kullanici1" adlı kullanıcı sadece "cl01" adlı makinede **'*' ile eşleşen php modüllerini** yükleme yetkisine sahip olacaktır. **'*' olmadığında komutun birebir aynı yazılması gerekir.** Aynı işlem kullanıcı yerine gruba vermek istenilirse aynı bölümündeki KULLANICI ADI yerine GRUP ADI kısmına domainde oluşturulmuş grup adı girilir.
Abstract Factory Pattern | Design Patterns in Java
Tags: java, tutorial, programming, beginners
Published: 2021-11-26 11:48:00

Java implementation of the Abstract Factory Pattern which basically is a factory class structure for returning other factories. In this example the "Regular Shape" and the "Rounded Shape" represent separate object structures with their own factory class. The "FactoryCreator" is the abstract factory since it returns either a rounded-shape-factory or a regular-shape-factory.

{% youtube eXANLuM4-RE %}
Top 10 trending github repos of the week👊.
Tags: flutter, flutterapps, flutterexamples, flutterapp
Published: 2021-11-26 11:37:30

---
title: Top 10 trending github repos of the week👊.
published: true
description: Most popular trending Github repos in this week.
cover_image: https://images.unsplash.com/photo-1618401479427-c8ef9465fbe1?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwxfDB8MXxyYW5kb218MHx8Z2l0fHx8fHx8MTYzNzkzMjA2Ng&ixlib=rb-1.2.1&q=80&utm_campaign=api-credit&utm_medium=referral&utm_source=unsplash_source&w=1080
tags: flutter,flutterapps,flutterexamples,flutterapp
series: Weekly Github top 10
---
GitHub is where over 65 million developers shape the future of software, together. Contribute to the open source community, manage your Git repositories, review code like a pro, track bugs and features, power your CI/CD and DevOps workflows, and secure code before you commit it.

Here is the most popular repos published on this platform.

## #1
![social banner of repo](https://opengraph.githubassets.com/8bd73bb994e07e3e303628bf5b8377a464022b11874945ce68b8e2b0f5005dff/davidrmiller/biosim4)
{% github davidrmiller/biosim4 %}

## #2
![social banner of repo](https://opengraph.githubassets.com/aeaf7090df0de47f76f65ef97a22beb9bbaaf5b34bf085b32c056c0080fc518e/AppFlowy-IO/appflowy)
{% github AppFlowy-IO/appflowy %}

## #3
![social banner of repo](https://repository-images.githubusercontent.com/365739812/fd1580ff-f598-4a1b-a433-c90ece1650ba)
{% github tldraw/tldraw %}

## #4
![social banner of repo](https://opengraph.githubassets.com/f257fc0eae01463f4cde78e85fbff77d167060060de3660c25d10fc9969cd88d/medusajs/medusa)
{% github medusajs/medusa %}

## #5
![social banner of repo](https://opengraph.githubassets.com/19413643d34975973c7ded9c0618c8be1ab65ecf7678a527bea2ccf22f73b733/ava-labs/avalanchego)
{% github ava-labs/avalanchego %}

## #6
![social banner of repo](https://opengraph.githubassets.com/334085c667757c61b70fdbad26a6d8894b92d006de904ef8866265c35d6535cf/TachibanaYoshino/AnimeGANv2)
{% github TachibanaYoshino/AnimeGANv2 %}

## #7
![social banner of repo](https://opengraph.githubassets.com/7c0a8c5ed83f96c9288487cfd240c7a1207fa6c938cb9bcd6bf06db1d12e8a75/jaakkopasanen/AutoEq)
{% github jaakkopasanen/AutoEq %}

## #8
![social banner of repo](https://opengraph.githubassets.com/dc19843163a7331c517fb5d7635c3f57a008d2a452216576971d711b7fb63e77/rougier/scientific-visualization-book)
{% github rougier/scientific-visualization-book %}

## #9
![social banner of repo](https://opengraph.githubassets.com/74a465f8fda8dff06196dc995de627d3647bf760fdb7b046599a54cedfb960a1/google/filament)
{% github google/filament %}

## #10
![social banner of repo](https://repository-images.githubusercontent.com/69673033/0b415680-aad8-11e9-8577-1583b011c01d)
{% github ardalis/CleanArchitecture %}

Enjoy these repos.
Follow me for more articles.
Thanks 💖💖💖
Iniciando com temas na aplicação "warship"
Published: 2021-11-26 11:35:11

Repositório do projeto: {% github https://github.com/DevGirlsMentor/warship %}

Inicialmente, dentro de styles criamos um arquivo chamado themes.js com a estilização de ambos os temas. {% gist https://gist.github.com/araldicami/ff0080acd4727305da8db9f7ee06fe4a file=themes.js %}

Para iniciar com os temas no nosso projeto “warship”, no componente da home onde selecionamos a ordem que queremos seguir vamos passar a ordem selecionada por parâmetro através da url (query params). 

{% gist https://gist.github.com/araldicami/ff0080acd4727305da8db9f7ee06fe4a file=HomePage.js %}


Dentro do arquivo da sua página do “board do jogo” importamos o ThemeProvider da biblioteca styled-components, e também o useRouter do next.

{% gist https://gist.github.com/araldicami/ff0080acd4727305da8db9f7ee06fe4a file=Board.js %}

Dentro da função do board, vamos criar as seguintes variáveis: 

{% gist https://gist.github.com/araldicami/ff0080acd4727305da8db9f7ee06fe4a file=BoardPart2.js %}

A **router** é criada para podermos utilizar as funcionalidades fornecidas pelo useRouter.
A segunda variável, **side**, é desestruturada de router.query, seria o mesmo que utilizar o **router.query.side**. 


Para setar o tema, criaremos outra variável que receberá um objeto de temas, as chaves do objeto serão: play e comp (que identifica um jogador e o computador), a chave “play” recebe como valor Themes[side], onde Themes vem do arquivo de estilização e side vem da query param. A chave “comp” receberá o valor inverso do recebido pela chave “play”, para isso foi feita a validação: se o side for igual a “jedi” então, recebe “sith” senão, recebe “jedi”. 

{% gist https://gist.github.com/araldicami/ff0080acd4727305da8db9f7ee06fe4a file=BoardPage.js %}

Para passar o tema para os componentes, precisamos utilizar em volta do componente do nosso board o **ThemeProvider** (importado do styled-components), como se este fosse uma tag HTML.Dentro deste ThemeProvider, coloca-se o componente Board. 

O ThemeProvider recebe o parâmetro **theme**, que receberá como valor a variável criada acima, theme.

{% gist https://gist.github.com/araldicami/ff0080acd4727305da8db9f7ee06fe4a file=themeProvider.js %}

Links úteis:

[Desestruturação](https://www.alura.com.br/artigos/es6-desestruturando-objetos?gclid=CjwKCAiA7dKMBhBCEiwAO_crFMygSF56ckCbHQhMUe7CK-NO7MIY-4SLi2aOImOffrYZs3E-DO5gchoCKNYQAvD_BwE)


[Temas com styled-components]
(https://styled-components.com/docs/advanced)