Flutter is an open-source cross-platform mobile development framework developed by Google. Apps for which are written in Dart. Flutter comes pre-equipped with Material Design components which makes it very easy to create apps with a good look and feel. In Flutter everything is a Widget- either stateless or stateful in kind. A note-taking app with usable design and functionalities is a good learning exercise one can start with.

If you haven’t installed flutter and a supported IDE, you can find the instructions here.

First, let’s set up the project:

  1. Create a flutter project from Android Studio or enter the command…

Please click the link for the video version of the topic: https://youtu.be/xd-7Ak5dTTY

Creating a login view

  1. Start by creating a new package com.vaadin.tutorial.crm.ui.view.login.
  2. Create a new class, LoginView, in the new package.
  3. LoginView.java
package com.vaadin.tutorial.crm.ui.view.login;

import com.vaadin.flow.component.html.H1;
import com.vaadin.flow.component.login.LoginForm;
import com.vaadin.flow.component.orderedlayout.VerticalLayout;
import com.vaadin.flow.router.BeforeEnterEvent;
import com.vaadin.flow.router.BeforeEnterObserver;
import com.vaadin.flow.router.PageTitle;
import com.vaadin.flow.router.Route;

import java.util.Collections;

@Route("login") (1)
@PageTitle("Login | Vaadin CRM")

public class LoginView extends VerticalLayout implements BeforeEnterObserver {

private LoginForm login = new LoginForm(); (2)

public LoginView(){
setAlignItems(Alignment.CENTER); (3)

login.setAction("login"); (4)

add(new H1("Vaadin CRM"), login);

public void beforeEnter(BeforeEnterEvent beforeEnterEvent) {
// inform the user about an authentication error
if(beforeEnterEvent.getLocation() (5)…

please click the link for the video version of the topic: https://youtu.be/B-FouixXDPE

The first step in any project is to set up the project and get a base app running.

In this section, you’ll learn:

  • How to import a project starter into your IDE.
  • How to set up your browser to automatically show updates as you build your application.

Importing a Maven project into IntelliJ

Maven is the most popular project management tool for Java. It takes care of managing your project structure and dependencies and builds runnable artifacts.

  1. To start, download a Spring Boot-based Vaadin starter project:
  2. Download
  3. Unzip the downloaded archive to a file…

This tutorial aims to show how to deploy a Java application to Amazon Web Services. It is not an in-depth tutorial, but rather showing the minimum required steps to get things running and try AWS as a potential host platform for your applications.

We start with the natural and more straightforward way of deployment, which is just uploading a war file to a remote server. Eventually, we go into more details on how to set up a continuous deployment environment where changes get picked automatically from a Git repository.

Direct Deployment

Start by creating a free AWS account then go to the…

Technology : Angular 9, BootStrap,HTML5,CSS3.

Github Link: https://github.com/punithraj14/Personal-Portfolio-Angular

Working Demo: https://punithraj14.github.io/Personal-Portfolio-Angular/

Angular is a TypeScript-based open-source web application framework led by the Angular Team at Google and by a community of individuals and corporations.

I made my Personal Portfolio Using Angular 9.

Prerequisites for an Angular 9 Project

Angular brings a solution to deal with all of the configurations: Angular CLI. We can start developing an Angular project within a couple of minutes by using Angular CLI.

  1. Node js Version(12.8.0)
  2. Angular version(9.1.6)

The Angular CLI is a command-line interface tool that you use to initialize, develop, scaffold, and maintain Angular applications. …


Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store