How to Dockerize a React Application?

How to Dockerize a React Application?

Dockerizing is the process of packing, deploying, and running applications using Docker containers. Docker is very popular among the developers. In this post, I am going to show you “How to Dockerizing the React Application?”. for local development and ready for production with great performance. Before that I will briefly define what is docker and react. What Is Docker? Docker is an open source tool that combines your application with all the necessary dependencies and libraries as one portable package (docker image)....

January 5, 2023 · 6 min · 1103 words · Prakash Bhandari
How to Test Localhost Web App on Your Mobile Phone?

How to Test Localhost Web App on Your Mobile Phone?

The computer was the main tool used to get information from the Internet. However, recent evolution in smart devices, such are smartphones or tablets enabled mobile users to have the same power that computer had. User can browse websites in their own smart devices via mobile web browsers with the same speed of internet from anywhere. As one of the most dispersed communication tools in the world today, the mobile phone technology has a growing impact on the social and cultural aspect of everyday life of individuals....

January 1, 2023 · 4 min · 671 words · Prakash Bhandari
How to Create a Navbar Using Material UI and React Router

How to Create a Navigation Bar Using Material UI and React Router?

Navigation bar or navbar is the very important component of UI design on website. Navigation bar is the collection of internal hyperlinks which helps users browse through your website pages effortlessly. Design of navbar impact the overall user experience for a website. There are different types of Navigation bars. Horizontal Navigation Bar Dropdown Navigation Menu Hamburger Navigation Menu Vertical Sidebar Navigation Menu Footer Navigation Menu Here, I am not going to explain each and every type of the navigation bar....

December 30, 2022 · 3 min · 535 words · Prakash Bhandari
Absolutely Free Open Source Resume Builder Without Watermarks or Any Other Limitations

Absolutely Free Open Source Resume Builder Without Watermarks or Any Other Limitations

In early days of my career I used to struggle to build the resume. I had no idea how to build the proper well-structured professional resume. Most of the time I was using Microsoft Word Template. Later, I came know that online web apps can also be helpful to create resume, I tried online web apps to generate resume. But, none of them were free and had some kinds of limitations like adding watermarks or asking to pay while exporting the resume....

December 29, 2022 · 3 min · 589 words · Prakash Bhandari
Is Squash Commits Good Over Regular Merge Commits?

Is Squash Commits Good Over Regular Merge Commits?

‘Merge commits’ and ‘Squash Commits’ both commands has its own advantages and disadvantages. Personally, I use both commands. I don’t have any strong opinion to support only one command as a best command. Both of them are useful for me :). In this article, I will explain how and when I am using the “Merge commits” and “Squash Commits” based on situation. Squash Commits Sometimes you might be working in a feature which has many commits, and you don’t want to maintain the history of all the commits at that time you can use “Squash Commits”....

December 28, 2022 · 5 min · 1010 words · Prakash Bhandari
Create Q & A With OpenAI ChatGPT in NodeJS and React

Create Q & A With OpenAI ChatGPT in NodeJS and React

OpenAI recently released the ChatGPT-3 and this is trending topic. I also tried ChatGPT-3 in their playground. It’s really cool, and more than what I thought. I have been using GitHub Copilot which is also powered by OpenAI. OpenAI Codex is a generative pertained language model which helps people write code even for non-tech people. ChatGPT-3 dose more than helping people write code. It interacts like human in a conversational way to provide a detailed response to their query....

December 15, 2022 · 6 min · 1169 words · Prakash Bhandari
What Are Return Types in PHP ?

What Are Return Types in PHP ?

I studied Java in my university. It was strictly typed programming language and had to define the return type for a function. But, I started my career as PHP developer with PHP programming. PHP 5.6 did not had a concept of return type or type hinting. In my early days, I used to get confused. I worked in many small to big projects. For all projects I used PHP and this language become primary backend programming language for me....

December 11, 2022 · 8 min · 1575 words · Prakash Bhandari
How to Create Custom Laravel Facades And Use Them In Your Laravel Applications?

How to Create Custom Laravel Facades And Use Them In Your Laravel Applications?

In this post, I will cover what is facades in Laravel, how to create your own custom facades and use them in Laravel applications. Probably, facades are one of the discussed topics in the laravel community. According to Dictionary.com The word ‘facade’ refers to a “superficial appearance or illusion of something.” In architecture, the term refers to the front of a building. Any side of a building facing a public way or space and finished accordingly...

December 7, 2022 · 6 min · 1145 words · Prakash Bhandari
How to Embed GitHub Code Snippets in Hugo Template Blog Posts?

How to Embed GitHub Code Snippets in Hugo Template Blog Posts?

In this post, I am going to show you how to embed GitHub code snippets in the Hugo Template blog post in 5 simple steps. In Hugo Template, we enclose code snippet inside backtick ``` Generally, it doesn’t highlight the syntax based on what programming language the snippet/code is written in. GitHub Gist code snippets helps us to embed pre-formatted code in markdown. It’s best and simplest way to embed pre-formatted code in markdown....

December 5, 2022 · 2 min · 362 words · Prakash Bhandari
Create Laravel Composer Package From Scratch and Publish on Packagist

Create Laravel Composer Package From Scratch and Publish on Packagist

In this post, I’m going to explain how you can create Laravel package locally and publish to Packagist. To demonstrate, I will create a package to convert Hindu Arabic(Nepali) number to English and English number to Hindu Arabic (Nepali). Creating Laravel package is not that hard. In few simple steps you can create your own package. I will go through few steps: Step #1: Install Laravel I choose Laravel 9 because Laravel 9 is the latest version of Laravel....

December 4, 2022 · 8 min · 1693 words · Prakash Bhandari