Introduction In this tutorial I am going to explain you how to use docker compose to dockerize your Nodejs MySQL REST API for CRUD operations. I am not going to tell you here how to build the REST CRUD application but you can always go back and check the detail tutorial on this here. I am only going to show you how to dockerize your app using docker compose in Linux environment. It is a best practice for a container to have only one process with single responsibility. But as…
ContinueCategory: JavaScript
NodeJS Express MySQL REST API CRUD Example
Here I am going to show you how to create REST API CRUD example using Nodejs Express and MySQL server. CRUD means Create, Read, Update and Delete operations which are performed through REST (Representational State Transfer) resources that works on http/https protocol. REST resources or APIs work on verbs, such as, GET, POST, PUT, DELETE, etc. So it is obvious that GET means you need to fetch data from the server endpoint, POST means you need to create the new resource on server endpoint, PUT means you need to update…
ContinueAllow only numeric values or digits in input field using React
Introduction In this example I am going to show you how to allow only numeric values or digits in input field using React JS. You may have a requirement where you only need to allow user digits or numeric values for the input field. If user inputs non-numeric values then either you show an error or you do not allow non-numeric values at all. Here I am going to show you how to show error when user type non-numeric values in the input field. In another example I am also…
ContinueAllow only numeric values or digits in input field using Angular 10
In this tutorial I am going to show you how to allow users only input numeric values or digits. If users enter non-numeric value then we will show an error message. We can also completely prevent from entering non-numeric values. In this case, we need to accept only numbers for a textbox or input field instead of validating the value in the textbox or input field. In this type of validation user will not be able to type a non-numeric values.
ContinueAutocomplete input using React
Introduction I am going to show you how to show auto complete suggestion when users search for something by typing in the input field. Autocomplete allows users to have other suggested strings or values displayed on typing of the relevant text in the input field. You have also seen when you start a search on Google or other search engines, you can find the information you are looking for using search predictions.
ContinueAutocomplete input using Angular 9
Introduction I am going to show you how to give auto complete suggesstion when users search for something by typing in the input field. Autocomplete allows users to have other suggested strings or values displayed on typing of the relevant text in the input field. You have also seen when you start a search on Google or other search engines, you can find the information you are looking for using search predictions.
ContinueWrite random elements to div having class names from array using JavaScript
This is an example where I am going to show you how to write random elements to div having class names from array using JavaScript. Let’s consider we have multiple div tags on a web page and these div tags are created dynamically based on certain condition but you are not sure how many div tags will be created on the page.
ContinueHow to consume GraphQL CRUD API using React and Apollo
Introduction In this tutorial we are going to show you how to consume GraphQL CRUD API using React and Apollo. CRUD means Create, Read, Update and Delete operations. Therefore we are going to create client application for GraphQL server. I am going to use Spring Boot framework for implementing GraphQL server. In the server side implementation we are performing CRUD operations on category and product using GraphQL and Spring Boot. Here in client side implementation using React, I will only show you how to perform CRUD operations of category and…
ContinueHow to add routes to existing Angular project
Introduction In this tutorial we will see how to create or add routes to existing Angular project. The situation may arise when you forget to add routes while creating new project or probably you thought that routes may not be required but later you find that routes are required for appropriate navigation in your application. By the time you discover routes are required for your application you might have already implemented few functionalities and probably you are not interested to create another project to start over again with the same…
ContinueHow to consume GraphQL CRUD API using Angular 9 and Apollo
Here we are going to see how to consume GraphQL CRUD API using Angular and Apollo. So this is a client for GraphQL Server API. We are going to use various modules for working with GraphQl client. For GraphQL server side implementation you can use any technology and here I am going to use Spring Boot framework for performing CRUD operations on GraphQL server. CRUD means Create, Read, Update and Delete operations. In the server side implementation we are performing CRUD operations on category and product using GraphQL and Spring…
Continue