In this tutorial we look at how to build a "Sign in with Github" OAuth solution. We will use node to build the backend with 3 routes and a frontend to go with it with HTML, CSS and Javascript. We will also look at how to create a new OAuth application in Github.com. The routes we need are "/", "/auth" and "/oauth-callback". We will send the user to github once they click the sign in button. We will pass the clientId of our oauth app so that Github knows from where the user came. If the user signs in to Github or just press "Accept if they were already logged in they will be redirected to our site on the route which we specified. In this case it is "oauth-callback". Github will give us a code that we can use to retrieve an authorization token from Github and then we can use that token to access some data from their Github profile. Hope you enjoy the tutorial! Code: https://github.com/danba340/oauth-github-example Say hi on twitter: https://twitter.com/barelydaniel ... https://www.youtube.com/watch?v=PdFdd4N6LtI

7 years ago i decided to switch careers and go into programming. However i did have 2 big worries: 1. Will I lose interest in programming and when? 2. Am i even capable of learning this very tricky way of thinking? Since then it's been 7 years of work and over a hundred hobby project. For me the answer is very clear. It ended up being the best work related decision i ever made. Now i will show you my latest hobby project and i hope it will leave you inspired to keep learning programming or even pick it up for the first time. My latest hobby project is built to simplify my daily life in terms of using the public transport system of Gothenburg. I have built my own Progressive web app talking to the public transport API where i have aggregated together multiple requests into a single list of transport options saving me lots of time and frustration daily. The tech stack is Next.js together with react-query. React query helps with requests depending on other queries like a query to get an api auth token and to aggregate many queries into one resulting array by using the useQueries hook. Tiktok: https://www.tiktok.com/@barelycoding Twitter: https://twitter.com/BarelyDaniel Github: https://github.com/danba340 0:00 Why programming is worth it 0:37 Problem description 1:48 Commuting frustrations 3:22 Figuring out API Access 5:46 Config file for App 6:50 Route info Next.js API endpoint 8:37 Consuming route info with react-query 10:07 Styling from response payload 11:30 Progressive web app 11:55 Running the app 12:50 Can i regain my development time? 14:05 Thanks for watching! ... https://www.youtube.com/watch?v=1bMP4armEtc