We’ve all seen the “sign in with Google” and “connect to Facebook” buttons on websites and mobile apps. Click the button and a screen opens that says, “This app wants to access your public profile, contacts…” and asks you whether you want to give access. This is OAuth at a high level. Understanding these protocols is crucial for every software engineer, security expert, and even hacker.
A complete guide to OAuth 2.0 and OpenID Connect, the two most widely used protocols on the internet today for authorization and authentication. OAuth 2.0 is used for authorization and OpenID Connect is used for authentication. There are two most common OAuth 2.0 authorization flows, authorization code flow for server-side applications, and implicit flow for browser-based applications. OpenID Connect is an identity layer on top of the OAuth 2.0 …
Ever thought of changing the font styles of headings or body of your Medium articles? Or changing the layout of your profile? Setting background-color of your profile page? Medium added a new Design feature that allows you to customize your profile, set font styles for your stories, change accent colors of buttons, and add a logo to your profile name instead of plain text.
When you click on your profile picture, you will see a new option Design in the list, click on it to customize your profile. Or you can navigate to https://medium.com/me/design for customizing.
Once you open the Desing page, you will see a sidebar on the left of the page with an option named Colors. Toggle it and you will see two color pickers one for changing the accent color of buttons, like the color of the follow button on your profile, and another color picker for changing the background color of your profile page. …
In this article, we’re going to build a server-rendered application in Nodejs by implementing:
Also, you will get some familiarity with Gulp and Brotli. If your app is not server-rendered or performance is not an issue for your application then this article may not be very informative to you. …
Visual Studio Code has become the favorite editor of developers. MongoDB has introduced a new extension for VS Code that makes it super easy to work with Mongo.
VS Code is struggling to make developers more productive. Meanwhile, MongoDB has built an extension called MongoDB for VS Code that allows you to connect to MongoDB Shell and MongoDB Atlas right away from your editor. Now you don’t have to navigate to your terminal to connect to Mongo Shell or use GUI tools like MongoDB Compass, Robomongo, etc. to perform basic Mongo operations.
With the extension, you can:
We all like the way Medium load images. I’ve always wanted images on my website to load the same way. It took me a while to figure out how it’s done, but once I dived deeper, in I realized that creating a progressive loading image is simple.
Progressive image loading also gives a better user experience, reducing the loading time of your website. In this article, I’m going to make a reusable react component for progressive image loading.
Initially, we set the
src of the image to a placeholder image, a low-resolution version of the original image. In the meantime, we start loading the original image asynchronously. …
So you want to do form validation in React? But didn’t find any great simple resource for doing this? Want pro-type validation that works like a charm?
So this article is definitely for you, hold on with me to build a great little application🎯
We will be using create-react-app for making a React application. Let’s just create a new React app using:
$ npm install -g create-react-app
$ create-react-app form-validation-react