Contact us

Let’s Code Better

  • Laravel Concatenation: Combining Two Columns with Examples

    In this article, we will explore different ways to concatenate two columns in Laravel applications, specifically in versions 6, 7, 8, 9, and 10. Concatenating columns is useful when you want to display the combined result of two or more columns in a single query. We will cover two methods to achieve this: using Laravel…

    Read more: Laravel Concatenation: Combining Two Columns with Examples

  • Generate PDF In React With jsPDF- React PDF Example

    Friends, in this tutorial, we will learn a new thing. We will get to know how to export PDF easily in React 16+ applications. We will be using jsPDF package for doing so. The task of generating PDF may be given to a REact developer for various reports, forms, data and invoices that are required…

    Read more: Generate PDF In React With jsPDF- React PDF Example

  • Laravel Gates and Policies Tutorial with Examples

    In this tutorial, we will explore how to implement authentication and authorization using Laravel Gates and Policies. This will allow us to create a user role access control system that helps manage permissions within a Laravel application.

    Read more: Laravel Gates and Policies Tutorial with Examples

  • Resolved! | npm\ng.ps1 cannot be loaded because running scripts is disabled on this system.

    If you are working on Windows 10 and using Visual Studio Code (VS Code) for your project, you might have faced an error message saying: ng : ~\npm\ng.ps1 cannot be loaded because running scripts is disabled on this system.

    Read more: Resolved! | npm\ng.ps1 cannot be loaded because running scripts is disabled on this system.

  • How to Use Laravel WhereIn Query with Examples

    Laravel is a powerful PHP framework that helps developers build elegant applications while adhering to the best coding practices. One of Laravel’s strengths is its Eloquent ORM (Object-Relational Mapping), which allows developers to interact with databases using a simple and efficient syntax. In this article, we will explore how to use the WhereIn query in…

    Read more: How to Use Laravel WhereIn Query with Examples

  • How to Delete Files from Public Folder and Storage Folder in Laravel?

    In this article, we will focus on the process of deleting files from the public and storage folders in Laravel. Understanding this is essential for developers working with Laravel applications. We will delve into two methods to remove files from folders: using File Facade and Storage Facade. By the end of this article, you will…

    Read more: How to Delete Files from Public Folder and Storage Folder in Laravel?

  • Laravel 10 – How to Get Online Users with IP Address in View

    Laravel, an open-source PHP web framework, has gained widespread popularity among developers for its elegant syntax and modular architecture. The latest Laravel 10 version brings exciting features and improvements that enhance the development experience. In this article, we will explore how to get online users in view and fetch their IP addresses using Laravel.

    Read more: Laravel 10 – How to Get Online Users with IP Address in View

  • Laravel 8 – How to Get Online Users in View?

    In this tutorial, we will walk you through a step-by-step guide on how to display online users in Laravel. We will cover how to get all logged-in users and check if a user is online or not using Laravel. This guide is applicable to Laravel versions 6, 7, 8, 9, and 10. The process involves…

    Read more: Laravel 8 – How to Get Online Users in View?

  • React Filter List Example – Search Filter Dynamic List Items

    In this react tutorial, you will learn how to populate a dynamic list of items from a remote server then filter the items based on user input. The search filter input box will take the user text terms to filter the dynamic list items for single or multiple properties on each object item.

    Read more: React Filter List Example – Search Filter Dynamic List Items

  • RESOLVED! [SSL: CERTIFICATE_VERIFY_FAILED] Install JupyterLab Notebook – Issues and Challenges Resolved

    To execute Python queries and execute statements Jupyterlab Notebook is the first and most popular choice. It is mainly used during data science operation and presses programming. The Jupyter Notebook creates an executable page to record each statement and also its output.

    Read more: RESOLVED! [SSL: CERTIFICATE_VERIFY_FAILED] Install JupyterLab Notebook – Issues and Challenges Resolved

  • Angular Material 12 Autocomplete with HTTP API Remote Search Results

    How to create typeahead in Angular? How to use Angular Material Autocomplete with dynamic remote server responses? Implement RxJS debounce in Mat Autocomplete search with dynamic server responses. In this tutorial, we will focus on efficiently implementing the Material Autocomplete in the Angular app with the RxJS function and operators.

    Read more: Angular Material 12 Autocomplete with HTTP API Remote Search Results

  • Speedometer or Gauge Chart in React Js using react-gauge-chart

    In this guide, you will learn how to create a Guage Chart or Speedometer Chart with a needle to point a value. For Gauge Chart we will be using the react-gauge-chart library and also discuss its various props and how to create a live updating gauge chart to update the value with animation.

    Read more: Speedometer or Gauge Chart in React Js using react-gauge-chart

  • How to Resolve Promise or Observable Before App Load – APP_INITIALIZER Angular 12 Example

    Using APP_INITIALIZER in Angular 12 with examples; In this tutorial, you will learn how to perform a specific task before loading or initializing the Angular application. You will get to know how we do it using the APP_INITIALIZER DI token. It allows performing Asynchronous operations before even loading App Module.

    Read more: How to Resolve Promise or Observable Before App Load – APP_INITIALIZER Angular 12 Example

  • React MUI Datatables – Customize Styling, Pagination, Components, Render Remote Data

    Material UI Datatbales in React application with custom pagination styling tutorial; In this guide, you will learn how to implement material styled datatable in React application by using a popular npm package named mui-datatables. MUI Datatables provides a lot of features including filter row data, resizable and draggable columns, export, printing, rows selection, expand-collapse rows,…

    Read more: React MUI Datatables – Customize Styling, Pagination, Components, Render Remote Data

  • React-Chartjs-2 Examples with Line, Bar, Pie, Scatter, Bubble and More!

    In this article, you will learn how to represent the data in React Js in Charts of various types with examples including Line charts, Bar charts, Pie charts, Polar Area charts, Radar charts, Doughnut charts, Step charts, Bubble charts and Scatter Plot chart. For our charting needs, we will use one of the most popular…

    Read more: React-Chartjs-2 Examples with Line, Bar, Pie, Scatter, Bubble and More!

  • React Material Data-tables Example with Pagination, Sorting, Filter, Dynamic Data

    Material Datatables in React application with features including Pagination, Sorting, Filter, Binding with Remote Dynamic data, Checkboxes with nested child rows and many more. In this React tutorial, you will learn how to implement a robust Datagrid with Material design. We are going to discuss how to integrate databases using the Material-Table plugin. This package…

    Read more: React Material Data-tables Example with Pagination, Sorting, Filter, Dynamic Data

  • [Angular 16] Input Property Binding, Passing and Detecting Change in Data

    Angular @Input Property Binding, Passing and Detecting Change in Data

    In Angular applications, communication across various components plays a vital role in developing robust and modular architecture. One of the most useful ways to pass data from parent to child components is by using the @Input property binding. In this article, we will explore how to efficiently use the @Input decorator to pass values of…

    Read more: [Angular 16] Input Property Binding, Passing and Detecting Change in Data

  • Ionic 6/7 Popover in Angular – Example Application Tutorial

    In this Ionic tutorial, you will learn how to implement and create popovers in the ionic application based on Angular Framework. We will understand and implement popovers in Ionic, using Cordova and Capacitor. Ionic’s latest version provides a wide variety of UI toolkits and facilitates the creation of high-quality cross-platform applications. In this guide, we…

    Read more: Ionic 6/7 Popover in Angular – Example Application Tutorial

  • Next.js useContext Examples, Advanced Usage with useReducer Tutorial

    React Context API is a powerful feature which enables to management and shares state information across various sections of the Next js application. Using Context API we can share data without passing the props down manually at every level for same. In this guide, we will discuss how to set up and use Context API…

    Read more: Next.js useContext Examples, Advanced Usage with useReducer Tutorial

  • Environment Variables in Next.js: The Undefined Dilemma

    In this NextJs tutorial, w will discuss the very common issues with getting the environs values giving undefined errors. With the help of a sample use case, we will dive into more details on how to set and get Environment values in a NextJS application. There is a number of tools, languages, and frameworks in…

    Read more: Environment Variables in Next.js: The Undefined Dilemma

  • Next.js Redux – Creating Application from Scratch

    In this guide, you will learn how to start using Redux in the Next js application. We will explore the importance, advantages and various use cases of using Redux in the Next js application and how also explain steps to easily incorporate it from scratch using a sample application.

    Read more: Next.js Redux – Creating Application from Scratch

  • Next.js Protected Routes: The Hands-On Tutorial You Can’t Afford to Miss!

    In this guide, we will discuss Next js Protected Routes using a demonstration example application. We will explore how to add guards or protection to the Next js routes so that we can control the access via the AccessContect component in step by step tutorial. A web application which deals with user data should have…

    Read more: Next.js Protected Routes: The Hands-On Tutorial You Can’t Afford to Miss!

  • NextJs – How to Set and Get URL Query Params?

    In the world of modern web development, various frameworks and libraries are used to simplify the process of creating interactive and dynamic websites. One such powerful tool is Next.js, a React-based framework known for its versatility and ease of use. A critical aspect of web development with Next.js, and indeed with any web framework, involves…

    Read more: NextJs – How to Set and Get URL Query Params?

  • How to Add Next.js Icons?

    Next.js icons are an essential part of any Next.js project. They play a significant role in enhancing the aesthetic appeal and user-friendliness of an application. This guide seeks to provide an in-depth understanding of these icons and offer a practical approach to integrating and customizing them in your Next.js applications.

    Read more: How to Add Next.js Icons?

  • NextJs: Favicon Icon Not Working? Let’s Fix!

    In the domain of web development, even the smallest of elements can have a significant impact on user experience. One such element is the favicon – a small, iconic image that represents your website. However, when developing with Next.js, you may encounter a hiccup: the favicon not showing up. This issue, while seemingly trivial, can…

    Read more: NextJs: Favicon Icon Not Working? Let’s Fix!