Showing posts from October, 2020

ReactJS - Form

Hello everyone, Today we will learn how to validate a simple signup form in React JS.Form validation is the most important part of web development, through which we can restrict invalid entries and validate form details to some extent by using valid sets of checkpoints or validation rules. Why form validation on the client-side?  Form validation normally occurs on the server-side. This was really a lengthy process that used to put a lot of burden on the server. So, it will be a good choice if you add validation on the client side. Doing so improves application performance. Here we are using a simple signUP form and performing Client Side Validation using SignUpForm Component. Let's see the React JS signUP form with error messages below: Here we are validating the following entries, Name Email ID Mobile Number Password Directory Structure: Let's see the directory structure : SignUpForm.jsx This is a SignUpForm Component, it helps to render the signup form and validate the form d

Heroku Cloud+Spring Boot - How to deploy the Spring Boot application on the Heroku cloud?

Hello everyone, today we will learn how to deploy a demo spring boot application on the Heroku cloud. Let me first tell you what the Heroku cloud is! Heroku cloud is a platform as service(PaaS) that enables developers to build, run, and operate applications entirely on the cloud. Heroku is best suitable for startups, Medium business. Heroku supports 175+ add-ons that cover various purposes – from notifications to security. In general, this cloud tech service is more user-friendly compared to EC2. Heroku helps to increase the productivity of your team by creating an environment for rolling-out and development processes. What is Add-ons? Add-ons are cloud services that extend Heroku apps with useful features and services, such as  Datastores  Logging  Monitoring  Content management There are two  things to take into account: Type of business If you own a small business, the best option will be a Platform as a Service solution. Just choose the settings, and don’t bother with things your

Send Email Using Spring Boot

Hello everyone, today we will learn how to send an email via SMTP in Spring Boot. Technologies used:  Spring Boot 2.1.1.RELEASE  Java Mail 1.6.2 Maven 3  Java 8 Project Structure: Dependency Managemen(pom.xml): spring-boot-starter-mail will pull the JavaMail dependencies. <?xml version = "1.0" encoding = "UTF-8" ?> <project xmlns = "" xmlns:xsi = "" xsi:schemaLocation = "" > <modelVersion> 4.0.0 </modelVersion> <parent> <groupId> org.springframework.boot </groupId> <artifactId> spring-boot-starter-parent </artifactId> <version> 2.1.1.RELEASE </version> <relativePath /> <!-- lookup parent from repository --> </parent> <groupId&

React JS + Node JS + Express + MongoDB CRUD - MERN stack development example

Hello everyone, today we will learn how to develop a MERN stack web application that is a basic User Management Application using MongoDB, Express, React JS, Node JS, and AdminLTE. GitHub repository link is provided at the end of this tutorial. You can download the source code.     Following technologies stack being used: Back-End: Node JS Express JS Mongo DB Front-End: React JS AdminLTE react-router-dom 5+ axios 0.19.2 bootstrap   Project Structure   Back-End:     Front-End:   After completing this tutorial what we will build?   1)We will build a MERN-stack web application that is a basic User Management  Application with CRUD features:  • Create User  • List User  • Update User  • Delete User    AND   2)How to integrate Admin Template In ReactJS?   Following is the screenshot of our application -   MERN stack App development   We will build two projects:  Node JS+Express JS: Back End React JS+AdminLTE: Front End   Project 1:BackEnd package.json { "name" : "