Hashnode·4yIntroducing JSON Hero: an open-source, beautiful JSON viewer for the web that lets you browse, search and navigate your JSON files at speed. 🚀
Johannes Schulte has created a tool to make reading and understanding JSON easier and more efficient than a Wall-O-Text. JSON Hero is a remix React app that runs on Cloudflare Workers, written in Typescript. It can automatically infer the content of the selected item and give you intelligent previews for dates and times.
Hashnode·4yCommit Like a Pro
Committing changes is a common action that many developers do most of the time in case of contribution. You stage your changes and commit them so then they will be trackable in the history. In this article, we are going to talk about some common conventions and git commit best practices in order to make perfect commits.
Hashnode·4yBuild 5 Web Apps in 10 Hours using Next.js, React.js & Tailwind CSS.
This post tutorial shows you how to build 5 Web Apps in 10 hours. All of the web apps are part of the Frontend Mentor challenge projects. The goal is to make it look like the design given by the Front End Mentor. Here are the links to all the projects that we will build.
Hashnode·4yI Design, You Build! - Frontend Challenge #4 (Supabase version)
This is the first prizes giveaway for "I Design, You Build" series. There will be AWESOME SWAG prizes to rewards 5 winners that has the best submission (I will be the judge) The judging period will be 1 month time from the today! Dateline for submission will be 7 May 2022.
Hashnode·4yGit commands
Git is a free and open-source distributed version control system that's responsible for everything GitHub related that happens locally on your system. GitHub is a web-based platform where you can share your work with other developers and showcase your learnings. Git is used if you need to rewrite the history of a project.
Hashnode·4yHow To Solve Coding Problems Like A Pro
According to Indeed, an American worldwide employment website for job listings, problem-solving skills are the 4th most important skill required as a programmer. In this article, I'll work you through 4 step framework on how to solve problems like a professional. We'll also solve a real problem to solidify our understanding.
Hashnode·4y18 GitHub Repositories to Become a CSS Master 🎨🧙♂️
A while ago I wrote an article about the repositories you need to master JavaScript. It got some great feedback, so I decided to make a sequel about CSS as well. I have further sorted all the resources into categories from learning the basics to style guides, best practices, useful tricks, and additional resources you can study.
Hashnode·4yThe Complete Roadmap and Resources to Become a Web3 Developer in 2022
Every day more and more people are transiting to Web3. The demand for developers is increasing as Crypto use grows at an exponential rate. Skills in blockchain development are among the most in-demand in the tech industry. It's difficult to find a proper/clean roadmap and resource to get started with Web3 because it's so new.
Hashnode·4yBackend Development Is Not Hard
Backend development is difficult, boring, and very mathematical. We are going to create our own web server using "express" Express is a Node.js web application framework that makes making web applications easier. The goal of this article is to make backend development less intimidating for folks thinking to start learning backend.
Hashnode·4ySoftware Engineering Principles
This post goes through basic concepts that every developer should know or at least be familiar with in some way or the other. It's an entry point to good practices.Feel free to correct me or provide feedback, you can find me on twitter @tekbog. OOP: what a beauty.
Hashnode·4yWhy you should use Chakra UI in React
Chakra UI is a component library for React. It is designed to be atomic and you can build elements quickly and easily. The code samples in this article are made with NextJS but you can use it with any React-based library/framework such as Gatsby or Create React App.
Hashnode·4yHow I Made a TicTacToe Game That No One Can Beat 🙅♂️
The MiniMax algorithm is a backtracking algorithm used in decision-making and game theory. It provides an optimal move for the player assuming that opponent is also playing optimally. The algorithm can be written in less than 30 lines of code. The frontend was created using Flutter, a cross-platform application development framework.
Hashnode·4yNew in Node.js v18
Node.js v18 was released yesterday as the current stable version. Here's a quick walkthrough of some of the new features.Node.js now has a built-in testing framework, accesible at import('node:test') Users can now build Node.JS with custom V8 startup snapshots to increase performance.
Hashnode·4yBest Chrome Extensions to boost GitHub
Chrome extensions are software packages that introduce additional functionalities to your Chrome browser. They enable you to personalize your web-browsing experience by adding features with a single mouse click. Since GitHub is one of the most comprehensive platforms for developers, this roundup will cover some of the best and most useful GitHub Chrome extensions.
Hashnode·4yIntroduction to Jenkins
Jenkins is an automation tool written in Java with built-in plugins for continuous integration tasks. It is used to continuously build and test projects making it easier to integrate the changing codes to it. Jenkins can be installed through native system packages, Docker, or even run standalone by any machine with a Java Runtime Environment (JRE) installed.
Hashnode·4y5 Simple Productivity Tips For Developers
Being as productive as possible is a goal of every developer. The tips I prepared for you today are well known, but people tend to forget or disregard them. As we all know, the simple is often the best! Working fewer hours per week can improve your productivity.
Hashnode·4yHow to Create a Pull Request in GitHub *Correctly*
Git and GitHub are popular open source collaboration tools. In this article we will teach you how to create a pull request in GitHub in the correct way. We will use this demo repository to demonstrate the process on collaboration. Follow along the tutorial below to see how it works.
Hashnode·4yHow to write unit tests
Tests are a way to explicitly set expectations about code. Good test coverage is a safety net that allows you to refactor code with more courage. Writing unit tests forces you to think about units and how the responsibility should be spent between them, making your code more modular and easier to maintain.
Hashnode·4yImplementing Feature Flags in a Next.js Application
Developers often struggle to roll out new features and functionalities in an incremental way. Feature flagging is a mechanism used to control access to certain features with simple switches. We will examine how we can accomplish this by creating a Next.js application that incorporates the aforementioned feature with a feature flag.
Hashnode·4yAtomic Habits will drive you to that next level
Atomic Habits by James Clear is one of those books that has so much useful information that you have to go back and reread it. By no means am I going to try to list all of his ideas, lists, methods, or ideologies in this blog post. Instead, I’m going to take his 4 Laws and provide examples and steps that I have taken.
Hashnode·4yCracking FAANG interview
In this blog I would like to share my journey from a startup to Google. I believe sharing my story is important, as my journey is not that conventional. Through my story, I want to highlight the amount of failures one gets. This is an apology to all the great recruiters who have helped me in my journey.
Hashnode·4yHow to get a job in Web3
Last week I asked, "who wants to work in web3?" on twitter. The engagement on the tweet was mind-blowing; it got so many responses. So, I decided to gather some questions and answer them here, as well as share some tips on how I got my job. These are based on my and some of my friend's experiences only.
Hashnode·4yGetting started with Web 3.0 for Frontend Engineer
Web 3.0 is the third generation of internet services for websites and applications. It will focus on using a machine-based understanding of data to provide a data-driven and Semantic Web. It is a read-write-interact web (powered by artificial intelligence) that runs on the blockchain.
Hashnode·4yUI Design Principles
User Interface is the point of interaction between the user and our application or product. Principles of UI designs give us a foundation for a chain of reasoning when designing new interfaces, modifying or redesigning old interfaces. It gives us a guideline so we don’t fall out of place during the designing process.