<?xml version="1.0" encoding="UTF-8" standalone="no"?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><rss xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd" version="2.0"><channel><title>Technology Innovation</title><description></description><managingEditor>noreply@blogger.com (Abdul Hakeem)</managingEditor><pubDate>Wed, 8 Apr 2026 04:41:26 -0700</pubDate><generator>Blogger http://www.blogger.com</generator><openSearch:totalResults xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/">543</openSearch:totalResults><openSearch:startIndex xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/">1</openSearch:startIndex><openSearch:itemsPerPage xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/">25</openSearch:itemsPerPage><link>http://hakeemit.blogspot.com/</link><language>en-us</language><item><title>Spring Boot GraphQL Save, Update and Delete - Database MutationMapping</title><link>http://hakeemit.blogspot.com/2025/09/spring-boot-graphql-save-update-and.html</link><category>GraphQL</category><category>Spring Boot</category><author>noreply@blogger.com (Abdul Hakeem)</author><pubDate>Thu, 18 Sep 2025 03:41:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-4956215819983162684.post-946068059273927542</guid><description>Learn how to get started with Graphql using spring boot framework. In this session, you will be learning like how to add the schema details and mapping the function and request payload with Graphql @MutationMapping into your controller class. So you can preform like Save, update and delete operation using graphql You need Spring web, JPA, Mysql, Lombok and Spring Graphql dependencies to your pom module.

&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;schema.graphqls (This file should be created inside the resources/graphql folder)&lt;/div&gt;


&lt;pre&gt;&lt;code style="background-color: #eeeeee; border: 1px solid rgb(153, 153, 153); display: block; overflow: auto; padding: 20px;"&gt;
type Query{
    findAll: [User]
    userById(id: ID): User
}

type User{
    id: ID
    name: String
    gender: String
    emailId: String
}

type Mutation{
    addUser(userDetails: UserDetails): User
    updateUser(userDetails: UserDetails): User
    deleteUser(id: ID): String
}

input UserDetails{
    id: ID
    name: String
    gender: String
    emailId: String
}
&lt;/code&gt;
&lt;/pre&gt;&lt;pre&gt;&lt;br /&gt;&lt;/pre&gt;&lt;pre&gt;&lt;span style="background-color: #eeeeee;"&gt;UserGQLController .java&lt;/span&gt;&lt;/pre&gt;


&lt;pre&gt;&lt;code style="background-color: #eeeeee; border: 1px solid rgb(153, 153, 153); display: block; overflow: auto; padding: 20px;"&gt;
package com.hakeemit.graphql.controller;

import com.hakeemit.graphql.entity.User;
import com.hakeemit.graphql.entity.UserDetails;
import com.hakeemit.graphql.service.UserServices;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.graphql.data.method.annotation.Argument;
import org.springframework.graphql.data.method.annotation.MutationMapping;
import org.springframework.graphql.data.method.annotation.QueryMapping;
import org.springframework.stereotype.Controller;

import java.util.List;

@Controller
public class UserGQLController {

    @Autowired
    private UserServices userServices;

    @QueryMapping
    public List&lt;user&gt; findAll(){
        return userServices.getAllUser();
    }

    @QueryMapping
    public User userById(@Argument int id){
        return userServices.userById(id);
    }

    @MutationMapping
    public User addUser(@Argument UserDetails userDetails){
        return userServices.add(userDetails);
    }

    @MutationMapping
    public User updateUser(@Argument UserDetails userDetails){
        return userServices.update(userDetails);
    }

    @MutationMapping
    public String deleteUser(@Argument int id){
        return userServices.delete(id);
    }

}

&lt;/user&gt;&lt;/code&gt;
&lt;/pre&gt;&lt;pre&gt;&lt;span style="background-color: #eeeeee;"&gt;@QueryMapping will be the entry point just like REST API Get Mapping.&lt;/span&gt;&lt;/pre&gt;&lt;pre&gt;&lt;span style="background-color: #eeeeee;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/pre&gt;&lt;pre&gt;&lt;span style="background-color: #eeeeee;"&gt;UserServices .java&lt;/span&gt;&lt;/pre&gt;


&lt;pre&gt;&lt;code style="background-color: #eeeeee; border: 1px solid rgb(153, 153, 153); display: block; overflow: auto; padding: 20px;"&gt;
package com.hakeemit.graphql.service;

import com.hakeemit.graphql.entity.User;
import com.hakeemit.graphql.entity.UserDetails;
import com.hakeemit.graphql.repositories.UserRepositories;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import java.util.List;
import java.util.Optional;

@Service
public class UserServices {

    @Autowired
    private UserRepositories userRepositories;

    public User userById(int id){
        Optional&lt;user&gt; user = userRepositories.findById(id);
        return user.get();
    }
    public List&lt;user&gt; getAllUser(){
        return userRepositories.findAll();
    }

    public User add(UserDetails userDetails){
        User user = new User();
        user.setName(userDetails.getName());
        user.setGender(userDetails.getGender());
        user.setEmailId(userDetails.getEmailId());
        return userRepositories.save(user);
    }

    public User update(UserDetails userDetails){
        Optional&lt;user&gt; user = userRepositories.findById(userDetails.getId());
        if(user.isPresent()) {
            user.get().setName(userDetails.getName());
            user.get().setGender(userDetails.getGender());
            user.get().setEmailId(userDetails.getEmailId());
            return userRepositories.save(user.get());
        }
        return null;
    }

    public String delete(int id){
        Optional&lt;user&gt; user = userRepositories.findById(id);
        if(user.isPresent()) {
            userRepositories.delete(user.get());
            return "Deleted";
        }
        return "Failed to delete";
    }
}

&lt;/user&gt;&lt;/user&gt;&lt;/user&gt;&lt;/user&gt;&lt;/code&gt;
&lt;/pre&gt;&lt;pre&gt;&lt;br /&gt;&lt;/pre&gt;&lt;pre&gt;pom.xml add the dependencies&lt;/pre&gt;


&lt;pre&gt;&lt;code style="background-color: #eeeeee; border: 1px solid rgb(153, 153, 153); display: block; overflow: auto; padding: 20px;"&gt;

&lt;div style="background-color: #1e1f22; color: #bcbec4;"&gt;&lt;pre style="font-family: &amp;quot;JetBrains Mono&amp;quot;, monospace; font-size: 9.8pt;"&gt;&lt;span style="color: #d5b778;"&gt;&amp;lt;dependency&amp;gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #d5b778;"&gt;    &amp;lt;groupId&amp;gt;&lt;/span&gt;org.springframework.boot&lt;span style="color: #d5b778;"&gt;&amp;lt;/groupId&amp;gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #d5b778;"&gt;    &amp;lt;artifactId&amp;gt;&lt;/span&gt;spring-boot-starter-data-jpa&lt;span style="color: #d5b778;"&gt;&amp;lt;/artifactId&amp;gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #d5b778;"&gt;&amp;lt;/dependency&amp;gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #d5b778;"&gt;&amp;lt;dependency&amp;gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #d5b778;"&gt;    &amp;lt;groupId&amp;gt;&lt;/span&gt;org.springframework.boot&lt;span style="color: #d5b778;"&gt;&amp;lt;/groupId&amp;gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #d5b778;"&gt;    &amp;lt;artifactId&amp;gt;&lt;/span&gt;spring-boot-starter-graphql&lt;span style="color: #d5b778;"&gt;&amp;lt;/artifactId&amp;gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #d5b778;"&gt;&amp;lt;/dependency&amp;gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #d5b778;"&gt;&amp;lt;dependency&amp;gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #d5b778;"&gt;    &amp;lt;groupId&amp;gt;&lt;/span&gt;org.springframework.boot&lt;span style="color: #d5b778;"&gt;&amp;lt;/groupId&amp;gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #d5b778;"&gt;    &amp;lt;artifactId&amp;gt;&lt;/span&gt;spring-boot-starter-web&lt;span style="color: #d5b778;"&gt;&amp;lt;/artifactId&amp;gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #d5b778;"&gt;&amp;lt;/dependency&amp;gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #d5b778;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #d5b778;"&gt;&amp;lt;dependency&amp;gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #d5b778;"&gt;    &amp;lt;groupId&amp;gt;&lt;/span&gt;com.mysql&lt;span style="color: #d5b778;"&gt;&amp;lt;/groupId&amp;gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #d5b778;"&gt;    &amp;lt;artifactId&amp;gt;&lt;/span&gt;mysql-connector-j&lt;span style="color: #d5b778;"&gt;&amp;lt;/artifactId&amp;gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #d5b778;"&gt;    &amp;lt;scope&amp;gt;&lt;/span&gt;runtime&lt;span style="color: #d5b778;"&gt;&amp;lt;/scope&amp;gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #d5b778;"&gt;&amp;lt;/dependency&amp;gt;&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;/code&gt;
&lt;/pre&gt;Start running your application&amp;nbsp;&lt;div&gt;&lt;a href="http://localhost:8080/graphiql?path=/graphql"&gt;http://localhost:8080/graphiql?path=/graphql&lt;br /&gt;&lt;/a&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/a/AVvXsEje90kUYgTmHFAuG-Y58BIvUHYw-YnCTil9BtueQjzI5uxomwIQHVqyLQSt24UeYVZDByrurgg69dSztYPylQiZWhPWEnkyCHnZwy0s0T5nKJa8C8eef6K6CLLRqrrq871pNkW0Q1syfBAEgT3CUCZOqT9ohMLt9CZxHPvQ2aV_dzs0xVfMzEfl5_HF9RHR" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img alt="" data-original-height="588" data-original-width="1920" height="196" src="https://blogger.googleusercontent.com/img/a/AVvXsEje90kUYgTmHFAuG-Y58BIvUHYw-YnCTil9BtueQjzI5uxomwIQHVqyLQSt24UeYVZDByrurgg69dSztYPylQiZWhPWEnkyCHnZwy0s0T5nKJa8C8eef6K6CLLRqrrq871pNkW0Q1syfBAEgT3CUCZOqT9ohMLt9CZxHPvQ2aV_dzs0xVfMzEfl5_HF9RHR" width="640" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;b&gt;&lt;u&gt;Video Tutorial Step by Step&lt;/u&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;&lt;u&gt;&lt;br /&gt;&lt;/u&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;iframe allowfullscreen="" class="BLOG_video_class" height="266" src="https://www.youtube.com/embed/6rQSwR1ipoI" width="320" youtube-src-id="6rQSwR1ipoI"&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;u&gt;&lt;br /&gt;&lt;/u&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;u&gt;&lt;br /&gt;&lt;/u&gt;&lt;/b&gt;&lt;br /&gt;&lt;/div&gt;&lt;/div&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/a/AVvXsEje90kUYgTmHFAuG-Y58BIvUHYw-YnCTil9BtueQjzI5uxomwIQHVqyLQSt24UeYVZDByrurgg69dSztYPylQiZWhPWEnkyCHnZwy0s0T5nKJa8C8eef6K6CLLRqrrq871pNkW0Q1syfBAEgT3CUCZOqT9ohMLt9CZxHPvQ2aV_dzs0xVfMzEfl5_HF9RHR=s72-c" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><enclosure length="117161" type="image/png" url="https://blogger.googleusercontent.com/img/a/AVvXsEje90kUYgTmHFAuG-Y58BIvUHYw-YnCTil9BtueQjzI5uxomwIQHVqyLQSt24UeYVZDByrurgg69dSztYPylQiZWhPWEnkyCHnZwy0s0T5nKJa8C8eef6K6CLLRqrrq871pNkW0Q1syfBAEgT3CUCZOqT9ohMLt9CZxHPvQ2aV_dzs0xVfMzEfl5_HF9RHR"/></item><item><title>Spring Boot GraphQL REST API - GET Function using Query Mapping</title><link>http://hakeemit.blogspot.com/2025/09/spring-boot-graphql-rest-api-get.html</link><category>GraphQL</category><category>Spring Boot</category><author>noreply@blogger.com (Abdul Hakeem)</author><pubDate>Thu, 18 Sep 2025 03:30:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-4956215819983162684.post-2424006052219531665</guid><description>Learn how to get started with Graphql using spring boot framework. In this article, you will be learning like how to add the schema details and mapping the function and request payload with Graphql @QueryMapping into your controller class.

You need Spring web, JPA, Mysql, Lombok and Spring Graphql dependencies to your pom module. 
&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;schema.graphqls (This file should be created inside the resources/graphql folder)&lt;/div&gt;


&lt;pre&gt;&lt;code style="background-color: #eeeeee; border: 1px solid rgb(153, 153, 153); display: block; overflow: auto; padding: 20px;"&gt;
type Query{
    findAll: [User]
    userById(id: ID): User
}

type User{
    id: ID
    name: String
    gender: String
    emailId: String
}
&lt;/code&gt;
&lt;/pre&gt;&lt;pre&gt;&lt;br /&gt;&lt;/pre&gt;&lt;pre&gt;&lt;span style="background-color: #eeeeee;"&gt;UserGQLController .java&lt;/span&gt;&lt;/pre&gt;


&lt;pre&gt;&lt;code style="background-color: #eeeeee; border: 1px solid rgb(153, 153, 153); display: block; overflow: auto; padding: 20px;"&gt;
package com.hakeemit.graphql.controller;

import com.hakeemit.graphql.entity.User;
import com.hakeemit.graphql.entity.UserDetails;
import com.hakeemit.graphql.service.UserServices;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.graphql.data.method.annotation.Argument;
import org.springframework.graphql.data.method.annotation.MutationMapping;
import org.springframework.graphql.data.method.annotation.QueryMapping;
import org.springframework.stereotype.Controller;

import java.util.List;

@Controller
public class UserGQLController {

    @Autowired
    private UserServices userServices;

    @QueryMapping
    public List&lt;user&gt; findAll(){
        return userServices.getAllUser();
    }
    
        @QueryMapping
    public User userById(@Argument int id){
        return userServices.userById(id);
    }

}
&lt;/user&gt;&lt;/code&gt;
&lt;/pre&gt;&lt;pre&gt;&lt;span style="background-color: #eeeeee;"&gt;@QueryMapping will be the entry point just like REST API Get Mapping.&lt;/span&gt;&lt;/pre&gt;&lt;pre&gt;&lt;span style="background-color: #eeeeee;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/pre&gt;&lt;pre&gt;&lt;span style="background-color: #eeeeee;"&gt;UserServices .java&lt;/span&gt;&lt;/pre&gt;


&lt;pre&gt;&lt;code style="background-color: #eeeeee; border: 1px solid rgb(153, 153, 153); display: block; overflow: auto; padding: 20px;"&gt;
package com.hakeemit.graphql.service;

import com.hakeemit.graphql.entity.User;
import com.hakeemit.graphql.entity.UserDetails;
import com.hakeemit.graphql.repositories.UserRepositories;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import java.util.List;
import java.util.Optional;

@Service
public class UserServices {

    @Autowired
    private UserRepositories userRepositories;

    public User userById(int id){
        Optional&lt;user&gt; user = userRepositories.findById(id);
        return user.get();
    }
    public List&lt;user&gt; getAllUser(){
        return userRepositories.findAll();
    }
    }
&lt;/user&gt;&lt;/user&gt;&lt;/code&gt;
&lt;/pre&gt;&lt;pre&gt;&lt;br /&gt;&lt;/pre&gt;&lt;pre&gt;pom.xml add the dependencies&lt;/pre&gt;


&lt;pre&gt;&lt;code style="background-color: #eeeeee; border: 1px solid rgb(153, 153, 153); display: block; overflow: auto; padding: 20px;"&gt;

&lt;div style="background-color: #1e1f22; color: #bcbec4;"&gt;&lt;pre style="font-family: &amp;quot;JetBrains Mono&amp;quot;, monospace; font-size: 9.8pt;"&gt;&lt;span style="color: #d5b778;"&gt;&amp;lt;dependency&amp;gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #d5b778;"&gt;    &amp;lt;groupId&amp;gt;&lt;/span&gt;org.springframework.boot&lt;span style="color: #d5b778;"&gt;&amp;lt;/groupId&amp;gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #d5b778;"&gt;    &amp;lt;artifactId&amp;gt;&lt;/span&gt;spring-boot-starter-data-jpa&lt;span style="color: #d5b778;"&gt;&amp;lt;/artifactId&amp;gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #d5b778;"&gt;&amp;lt;/dependency&amp;gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #d5b778;"&gt;&amp;lt;dependency&amp;gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #d5b778;"&gt;    &amp;lt;groupId&amp;gt;&lt;/span&gt;org.springframework.boot&lt;span style="color: #d5b778;"&gt;&amp;lt;/groupId&amp;gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #d5b778;"&gt;    &amp;lt;artifactId&amp;gt;&lt;/span&gt;spring-boot-starter-graphql&lt;span style="color: #d5b778;"&gt;&amp;lt;/artifactId&amp;gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #d5b778;"&gt;&amp;lt;/dependency&amp;gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #d5b778;"&gt;&amp;lt;dependency&amp;gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #d5b778;"&gt;    &amp;lt;groupId&amp;gt;&lt;/span&gt;org.springframework.boot&lt;span style="color: #d5b778;"&gt;&amp;lt;/groupId&amp;gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #d5b778;"&gt;    &amp;lt;artifactId&amp;gt;&lt;/span&gt;spring-boot-starter-web&lt;span style="color: #d5b778;"&gt;&amp;lt;/artifactId&amp;gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #d5b778;"&gt;&amp;lt;/dependency&amp;gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #d5b778;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #d5b778;"&gt;&amp;lt;dependency&amp;gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #d5b778;"&gt;    &amp;lt;groupId&amp;gt;&lt;/span&gt;com.mysql&lt;span style="color: #d5b778;"&gt;&amp;lt;/groupId&amp;gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #d5b778;"&gt;    &amp;lt;artifactId&amp;gt;&lt;/span&gt;mysql-connector-j&lt;span style="color: #d5b778;"&gt;&amp;lt;/artifactId&amp;gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #d5b778;"&gt;    &amp;lt;scope&amp;gt;&lt;/span&gt;runtime&lt;span style="color: #d5b778;"&gt;&amp;lt;/scope&amp;gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #d5b778;"&gt;&amp;lt;/dependency&amp;gt;&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;/code&gt;
&lt;/pre&gt;Start running your application&amp;nbsp;&lt;div&gt;&lt;a href="http://localhost:8080/graphiql?path=/graphql"&gt;http://localhost:8080/graphiql?path=/graphql&lt;br /&gt;&lt;/a&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/a/AVvXsEheQe08YbCxAAB4F9GgG3WF-vR-bo-x5pvebk92_gGIi_lbEDb-8UzDtlDKINzC1-stZsapZOe5eXKNmtWxSBmVoMtY1NWklHoceRd9AznyNYTH0BEFxfb5c-a28Zb5l_TCtZYG-Vma14b5eDuYxsskYK-xAr-98IQgs0wb6-s9DC9UWiKUcklCX7T1bsLW" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img alt="" data-original-height="817" data-original-width="1907" height="274" src="https://blogger.googleusercontent.com/img/a/AVvXsEheQe08YbCxAAB4F9GgG3WF-vR-bo-x5pvebk92_gGIi_lbEDb-8UzDtlDKINzC1-stZsapZOe5eXKNmtWxSBmVoMtY1NWklHoceRd9AznyNYTH0BEFxfb5c-a28Zb5l_TCtZYG-Vma14b5eDuYxsskYK-xAr-98IQgs0wb6-s9DC9UWiKUcklCX7T1bsLW=w640-h274" width="640" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;b&gt;&lt;u&gt;Video Tutorial Step by Step&lt;/u&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;&lt;u&gt;&lt;br /&gt;&lt;/u&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;iframe allowfullscreen="" class="BLOG_video_class" height="378" src="https://www.youtube.com/embed/pqf0xHwiB6w" width="502" youtube-src-id="pqf0xHwiB6w"&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;br /&gt;&lt;u&gt;&lt;br /&gt;&lt;/u&gt;&lt;/b&gt;&lt;br /&gt;&lt;/div&gt;&lt;/div&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/a/AVvXsEheQe08YbCxAAB4F9GgG3WF-vR-bo-x5pvebk92_gGIi_lbEDb-8UzDtlDKINzC1-stZsapZOe5eXKNmtWxSBmVoMtY1NWklHoceRd9AznyNYTH0BEFxfb5c-a28Zb5l_TCtZYG-Vma14b5eDuYxsskYK-xAr-98IQgs0wb6-s9DC9UWiKUcklCX7T1bsLW=s72-w640-h274-c" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><enclosure length="150194" type="image/png" url="https://blogger.googleusercontent.com/img/a/AVvXsEheQe08YbCxAAB4F9GgG3WF-vR-bo-x5pvebk92_gGIi_lbEDb-8UzDtlDKINzC1-stZsapZOe5eXKNmtWxSBmVoMtY1NWklHoceRd9AznyNYTH0BEFxfb5c-a28Zb5l_TCtZYG-Vma14b5eDuYxsskYK-xAr-98IQgs0wb6-s9DC9UWiKUcklCX7T1bsLW"/></item><item><title>Spring Boot Mysql Database Tutorial with Example Code - GET/POST/PUT/DELETE </title><link>http://hakeemit.blogspot.com/2025/09/spring-boot-mysql-database-tutorial.html</link><category>Database</category><category>Java</category><category>Spring Boot</category><author>noreply@blogger.com (Abdul Hakeem)</author><pubDate>Wed, 17 Sep 2025 07:59:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-4956215819983162684.post-3030347482569498440</guid><description>&lt;p&gt;&amp;nbsp;Learn how to connect to mysql database using spring boot framework. In this article you will learn the different types of @GetMapping/ @PostMapping / @PutMapping and @DeleteMapping Usages and their components @RestController, @Service, @Repository and @Entity.&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;Goto Spring Initializer&amp;nbsp;&lt;a href="https://start.spring.io/"&gt;https://start.spring.io/&lt;/a&gt; and add the following dependencies like Spring web, JPA, lombok and mysql driver similar to below image&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/a/AVvXsEi2blR6-jLKOLbbh_In4aDuInBxm5PTWaSy8BOuUAcDz4UBMNqbZejk6_sRRK9WmrYKfc5zdPjxWUwk97yFflcvNyR3tvKpGm7S36HwN85VTyZCV9Njcax4KZk07s1F0YrUZ9v_XGUJAmWgRNTcrnhNbz7lb__GpWaphmpROpaTPop6CUjxF7I636C8XsIc" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img alt="" data-original-height="1017" data-original-width="1920" height="340" src="https://blogger.googleusercontent.com/img/a/AVvXsEi2blR6-jLKOLbbh_In4aDuInBxm5PTWaSy8BOuUAcDz4UBMNqbZejk6_sRRK9WmrYKfc5zdPjxWUwk97yFflcvNyR3tvKpGm7S36HwN85VTyZCV9Njcax4KZk07s1F0YrUZ9v_XGUJAmWgRNTcrnhNbz7lb__GpWaphmpROpaTPop6CUjxF7I636C8XsIc=w640-h340" width="640" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;Generate the boilerplate code and open the project into your IDE.&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;Follow the below screenshot and create the respective packages to maintain your code easily.&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/a/AVvXsEgYSel6aZs3_jN-a_oANSdSrZLO0HHPosavzSCrxwOSGKNz1km7Jsqam0btINjG-R4zLxqG5BPKubbVb0DdVLhdI7DkjAXrMp5ZAZaYjaGqaIRbyrN2Our_GG3twyWb884LA64szpbUn1rj3pMwbcFjSfqJh1EU1Gk04ExuQkzJjsp685TXm16Ro0ud_yHU" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img alt="" data-original-height="956" data-original-width="1920" height="318" src="https://blogger.googleusercontent.com/img/a/AVvXsEgYSel6aZs3_jN-a_oANSdSrZLO0HHPosavzSCrxwOSGKNz1km7Jsqam0btINjG-R4zLxqG5BPKubbVb0DdVLhdI7DkjAXrMp5ZAZaYjaGqaIRbyrN2Our_GG3twyWb884LA64szpbUn1rj3pMwbcFjSfqJh1EU1Gk04ExuQkzJjsp685TXm16Ro0ud_yHU=w640-h318" width="640" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;Lets Create the follow classes&lt;/p&gt;

UserController.java
&lt;pre&gt;&lt;code style="background-color: #eeeeee; border: 1px solid rgb(153, 153, 153); display: block; overflow: auto; padding: 20px;"&gt;
package com.hakeemit.database.controller;

import com.hakeemit.database.entity.User;
import com.hakeemit.database.entity.UserDetails;
import com.hakeemit.database.service.UserServices;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.*;

import java.util.List;

@RestController
public class UserController {

    @Autowired
    private UserServices userServices;

    @GetMapping("/findAll")
    public List&lt;user&gt; getAllUser(){
        return userServices.getAllUser();
    }

    @PostMapping("/add")
    public User add(@RequestBody UserDetails userDetails){
        return userServices.add(userDetails);
    }

    @PutMapping("/update")
    public User update(@RequestBody UserDetails userDetails){
        return userServices.update(userDetails);
    }

    @DeleteMapping("/delete/{id}")
    public String delete(@PathVariable int id){
        return userServices.delete(id);
    }
}

&lt;/user&gt;&lt;/code&gt;
&lt;/pre&gt;

UserServices.java
&lt;pre&gt;&lt;code style="background-color: #eeeeee; border: 1px solid rgb(153, 153, 153); display: block; overflow: auto; padding: 20px;"&gt;

package com.hakeemit.database.service;

import com.hakeemit.database.entity.User;
import com.hakeemit.database.entity.UserDetails;
import com.hakeemit.database.repositories.UserRepositories;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import java.util.List;
import java.util.Optional;

@Service
public class UserServices {

    @Autowired
    private UserRepositories userRepositories;

    public List&lt;user&gt; getAllUser(){
        return userRepositories.findAll();
    }

    public User add(UserDetails userDetails){
        User user = new User();
        user.setName(userDetails.getName());
        user.setGender(userDetails.getGender());
        user.setEmailId(userDetails.getEmailId());
        return userRepositories.save(user);
    }

    public User update(UserDetails userDetails){
        Optional&lt;user&gt; user = userRepositories.findById(userDetails.getId());
        if(user.isPresent()) {
            user.get().setName(userDetails.getName());
            user.get().setGender(userDetails.getGender());
            user.get().setEmailId(userDetails.getEmailId());
            return userRepositories.save(user.get());
        }
        return null;
    }

    public String delete(int id){
        Optional&lt;user&gt; user = userRepositories.findById(id);
        if(user.isPresent()) {
            userRepositories.delete(user.get());
            return "Deleted";
        }
        return "Failed to delete";
    }
}

&lt;/user&gt;&lt;/user&gt;&lt;/user&gt;&lt;/code&gt;
&lt;/pre&gt;

UserRepositories.java
&lt;pre&gt;&lt;code style="background-color: #eeeeee; border: 1px solid rgb(153, 153, 153); display: block; overflow: auto; padding: 20px;"&gt;

package com.hakeemit.database.repositories;

import com.hakeemit.database.entity.User;
import org.springframework.data.jpa.repository.JpaRepository;
import org.springframework.stereotype.Repository;

@Repository
public interface UserRepositories extends JpaRepository&lt;user integer=""&gt; {
}

&lt;/user&gt;&lt;/code&gt;
&lt;/pre&gt;

User.java
&lt;pre&gt;&lt;code style="background-color: #eeeeee; border: 1px solid rgb(153, 153, 153); display: block; overflow: auto; padding: 20px;"&gt;

package com.hakeemit.database.entity;

import jakarta.persistence.Entity;
import jakarta.persistence.GeneratedValue;
import jakarta.persistence.GenerationType;
import jakarta.persistence.Id;
import lombok.Getter;
import lombok.Setter;

@Entity
@Getter
@Setter
public class User {

    @Id
    @GeneratedValue(strategy = GenerationType.IDENTITY)
    private int id;
    private String name;
    private String gender;
    private String emailId;

}

&lt;/code&gt;
&lt;/pre&gt;


UserDetails.java
&lt;pre&gt;&lt;code style="background-color: #eeeeee; border: 1px solid rgb(153, 153, 153); display: block; overflow: auto; padding: 20px;"&gt;
package com.hakeemit.database.entity;

import lombok.Getter;
import lombok.Setter;

@Getter
@Setter
public class UserDetails {
    private int id;
    private String name;
    private String gender;
    private String emailId;
}

&lt;/code&gt;
&lt;/pre&gt;

application.properties
&lt;pre&gt;&lt;code style="background-color: #eeeeee; border: 1px solid rgb(153, 153, 153); display: block; overflow: auto; padding: 20px;"&gt;
spring.application.name=database

# ========== Database Configuration ==========
spring.datasource.url=jdbc:mysql://localhost:3306/tutorial?useSSL=false&amp;amp;serverTimezone=UTC
spring.datasource.username=root
spring.datasource.password=admin123
spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver

# ========== JPA Configuration ==========
spring.jpa.hibernate.ddl-auto=update
spring.jpa.show-sql=true
spring.jpa.properties.hibernate.format_sql=true
spring.jpa.properties.hibernate.dialect=org.hibernate.dialect.MySQL8Dialect
&lt;/code&gt;
&lt;/pre&gt;&lt;pre&gt;Watch the below video to understand the flow of code and for sending the payload details using &lt;/pre&gt;&lt;pre&gt;postman&lt;/pre&gt;&lt;pre&gt;&lt;b&gt;&lt;u&gt;Video Tutorials&lt;/u&gt;&lt;/b&gt;&lt;/pre&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;iframe allowfullscreen="" class="BLOG_video_class" height="499" src="https://www.youtube.com/embed/hAmBQqKGGYA" width="601" youtube-src-id="hAmBQqKGGYA"&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;br /&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/a/AVvXsEi2blR6-jLKOLbbh_In4aDuInBxm5PTWaSy8BOuUAcDz4UBMNqbZejk6_sRRK9WmrYKfc5zdPjxWUwk97yFflcvNyR3tvKpGm7S36HwN85VTyZCV9Njcax4KZk07s1F0YrUZ9v_XGUJAmWgRNTcrnhNbz7lb__GpWaphmpROpaTPop6CUjxF7I636C8XsIc=s72-w640-h340-c" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><enclosure length="166312" type="image/png" url="https://blogger.googleusercontent.com/img/a/AVvXsEi2blR6-jLKOLbbh_In4aDuInBxm5PTWaSy8BOuUAcDz4UBMNqbZejk6_sRRK9WmrYKfc5zdPjxWUwk97yFflcvNyR3tvKpGm7S36HwN85VTyZCV9Njcax4KZk07s1F0YrUZ9v_XGUJAmWgRNTcrnhNbz7lb__GpWaphmpROpaTPop6CUjxF7I636C8XsIc"/></item><item><title>Spring Boot Hello World Tutorial - GetMapping REST API</title><link>http://hakeemit.blogspot.com/2025/09/spring-boot-hello-world-tutorial.html</link><category>Java</category><category>Spring</category><category>Spring Boot</category><category>Tutorial</category><author>noreply@blogger.com (Abdul Hakeem)</author><pubDate>Wed, 17 Sep 2025 02:08:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-4956215819983162684.post-2783443773303672317</guid><description>&lt;p&gt;Learn How to get started with Spring boot framework. Create your very first REST API using Spring Boot and the @RestController&amp;nbsp; @GetMapping annotation. Whether you're new to Java development or just getting started with Spring Boot, this step-by-step guide will help you understand the core concepts and build a simple "Hello World" RESTful API.&lt;/p&gt;&lt;p&gt;Go to Spring Initializer&amp;nbsp;&lt;a href="https://start.spring.io/"&gt;https://start.spring.io/&lt;/a&gt;&lt;/p&gt;&lt;p&gt;and fill out the following details similar to below image and add Spring web dependency&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/a/AVvXsEip8zz02tMtY74IXNpPnFeafHlxXoSooEMFn8r_erLzhCjDNld_Bl7_iVwPlEgIocUnXh_DhvQOvESokgz8vQLCdeFTZYC_hNY0BzQztb3CC7C8l6N_LdV2VIfnFQTzcIlTqzIAYB9vHl-hTn_FHqOxPNNc5agAZdBmbG_MEPBZXm1iZ8B2EoK3WFQBS8a-" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img alt="" data-original-height="912" data-original-width="1742" height="336" src="https://blogger.googleusercontent.com/img/a/AVvXsEip8zz02tMtY74IXNpPnFeafHlxXoSooEMFn8r_erLzhCjDNld_Bl7_iVwPlEgIocUnXh_DhvQOvESokgz8vQLCdeFTZYC_hNY0BzQztb3CC7C8l6N_LdV2VIfnFQTzcIlTqzIAYB9vHl-hTn_FHqOxPNNc5agAZdBmbG_MEPBZXm1iZ8B2EoK3WFQBS8a-=w640-h336" width="640" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;HelloController.java - Create new package and new class and add the following code into that class&lt;br /&gt;&lt;pre&gt;&lt;code style="background-color: #eeeeee; border: 1px solid rgb(153, 153, 153); display: block; overflow: auto; padding: 20px;"&gt;
package com.hakeemit.hello.controller;

import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RestController;

@RestController
public class HelloController {

    @GetMapping("/hello")
    public String hello(){
        return "Hello World";
    }
}

&lt;/code&gt;
&lt;/pre&gt;Your project structure will look like this&amp;nbsp;&lt;br /&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/a/AVvXsEiTeDSvujixnHnFovDWKoDcHQ_Behdfrxo_nSR7chqBUbD7_kqeqCm6t0OhkelFtIQwhksi-2z2jLAO3lvCAFy6UvGYZwDK7Mk1h3he77HjxPzbN3ZKDFU_F3e5NASWgprZdw5McRVai0UZxRMTjxOt6tsxM9Dd3gT6CZzj7bcHSdmwMaofMW3Ll8RQvrT_" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img alt="" data-original-height="1020" data-original-width="1920" height="340" src="https://blogger.googleusercontent.com/img/a/AVvXsEiTeDSvujixnHnFovDWKoDcHQ_Behdfrxo_nSR7chqBUbD7_kqeqCm6t0OhkelFtIQwhksi-2z2jLAO3lvCAFy6UvGYZwDK7Mk1h3he77HjxPzbN3ZKDFU_F3e5NASWgprZdw5McRVai0UZxRMTjxOt6tsxM9Dd3gT6CZzj7bcHSdmwMaofMW3Ll8RQvrT_=w640-h340" width="640" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: left;"&gt;Once you run the application. Go to &lt;a href="http://localhost:8080/hello"&gt;http://localhost:8080/hello&lt;/a&gt;&amp;nbsp;and you will be able to see the Hello World in the web browser.&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/a/AVvXsEizmo7u_J922H6GWirGyCPGaXrwRevRd_odAjydP5ZZJyfOA2MHQXm1FlVMJKIjtI7ctEZM3UPdIC3_ZjqqqKJ3FuJI4hyvVEukd6RqB70FR1SdwmSPiwDsz6AGmYns0IjncnMhoGitNJWX3SnncolMzU5GQ-zLkduW14bIq0c97iR8e6E5xLtQXl3C8dv-" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img alt="" data-original-height="347" data-original-width="755" height="184" src="https://blogger.googleusercontent.com/img/a/AVvXsEizmo7u_J922H6GWirGyCPGaXrwRevRd_odAjydP5ZZJyfOA2MHQXm1FlVMJKIjtI7ctEZM3UPdIC3_ZjqqqKJ3FuJI4hyvVEukd6RqB70FR1SdwmSPiwDsz6AGmYns0IjncnMhoGitNJWX3SnncolMzU5GQ-zLkduW14bIq0c97iR8e6E5xLtQXl3C8dv-=w400-h184" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;&lt;u&gt;&lt;br /&gt;&lt;br /&gt;&lt;/u&gt;&lt;/b&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;&lt;u&gt;&lt;br /&gt;&lt;/u&gt;&lt;/b&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;&lt;u&gt;&lt;br /&gt;&lt;/u&gt;&lt;/b&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;&lt;u&gt;&lt;br /&gt;&lt;/u&gt;&lt;/b&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;&lt;u&gt;Video&lt;br /&gt;&lt;/u&gt;&lt;/b&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;&lt;/b&gt;&lt;/p&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;b&gt;&lt;iframe allowfullscreen="" class="BLOG_video_class" height="392" src="https://www.youtube.com/embed/Hmmag0e13T0" width="557" youtube-src-id="Hmmag0e13T0"&gt;&lt;/iframe&gt;&lt;/b&gt;&lt;/div&gt;&lt;b&gt;&lt;br /&gt;&lt;u&gt;&lt;br /&gt;&lt;/u&gt;&lt;/b&gt;&lt;p&gt;&lt;/p&gt;&amp;nbsp;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/a/AVvXsEip8zz02tMtY74IXNpPnFeafHlxXoSooEMFn8r_erLzhCjDNld_Bl7_iVwPlEgIocUnXh_DhvQOvESokgz8vQLCdeFTZYC_hNY0BzQztb3CC7C8l6N_LdV2VIfnFQTzcIlTqzIAYB9vHl-hTn_FHqOxPNNc5agAZdBmbG_MEPBZXm1iZ8B2EoK3WFQBS8a-=s72-w640-h336-c" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><enclosure length="143272" type="image/png" url="https://blogger.googleusercontent.com/img/a/AVvXsEip8zz02tMtY74IXNpPnFeafHlxXoSooEMFn8r_erLzhCjDNld_Bl7_iVwPlEgIocUnXh_DhvQOvESokgz8vQLCdeFTZYC_hNY0BzQztb3CC7C8l6N_LdV2VIfnFQTzcIlTqzIAYB9vHl-hTn_FHqOxPNNc5agAZdBmbG_MEPBZXm1iZ8B2EoK3WFQBS8a-"/></item><item><title>Form Input Widget on Flutter Android - Text, Slider, Switch, Date Picker, Buttons &amp; Check Box</title><link>http://hakeemit.blogspot.com/2023/12/form-input-widget-on-flutter-android.html</link><category>Android</category><category>Flutter</category><author>noreply@blogger.com (Abdul Hakeem)</author><pubDate>Fri, 15 Dec 2023 05:46:00 -0800</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-4956215819983162684.post-7167192908127055307</guid><description>&lt;p&gt;&amp;nbsp;&lt;span face="Roboto, Noto, sans-serif" style="background-color: white; color: #0d0d0d; font-size: 15px; white-space-collapse: preserve;"&gt;Learn how you can use the different Form Input Widget on Flutter Android - Text, Slider, Switch, Date Picker, Buttons &amp;amp; Check Box&lt;/span&gt;&lt;/p&gt;&lt;span face="Roboto, Noto, sans-serif" style="background-color: white; color: #0d0d0d; font-size: 15px; white-space-collapse: preserve;"&gt;
This Application will give a basic idea like how you can create different widgets for the form panel designing.
&lt;/span&gt;&lt;div&gt;&lt;span face="Roboto, Noto, sans-serif" style="background-color: white; color: #0d0d0d; font-size: 15px; white-space-collapse: preserve;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmsx-konWDF_efQrLf5Zw-FHbxYL697c7nKLApvLgAegEq9kmXYzmWmS_lmz6G_olzX7NTiYywtxsan6c1UcoRNnaJshvkMMHSQOCv183VH2dvt-vF_W_iKlAiSKkxo6mEvJMXnWRUbX7UKDhKpIIHdyk7qzYVirQ2fBwTlJ4LDkeNv-u8t0StOPNRrBTK/s1920/009%20Flutter%20Form%20Panel%20Text%20Slider%20CheckBox%20DatePicker%20Switch%20Button%20Widgets.png" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" data-original-height="1022" data-original-width="1920" height="170" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmsx-konWDF_efQrLf5Zw-FHbxYL697c7nKLApvLgAegEq9kmXYzmWmS_lmz6G_olzX7NTiYywtxsan6c1UcoRNnaJshvkMMHSQOCv183VH2dvt-vF_W_iKlAiSKkxo6mEvJMXnWRUbX7UKDhKpIIHdyk7qzYVirQ2fBwTlJ4LDkeNv-u8t0StOPNRrBTK/s320/009%20Flutter%20Form%20Panel%20Text%20Slider%20CheckBox%20DatePicker%20Switch%20Button%20Widgets.png" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;b&gt;&lt;u&gt;Video Tutorial&lt;br /&gt;&lt;/u&gt;&lt;/b&gt;&lt;span face="Roboto, Noto, sans-serif" style="background-color: white; color: #0d0d0d; font-size: 15px; white-space-collapse: preserve;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;iframe allowfullscreen="" class="BLOG_video_class" height="266" src="https://www.youtube.com/embed/Pg7VaA7i7-4" width="320" youtube-src-id="Pg7VaA7i7-4"&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;br /&gt;&lt;span face="Roboto, Noto, sans-serif" style="background-color: white; color: #0d0d0d; font-size: 15px; white-space-collapse: preserve;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;



&lt;div&gt;
  &lt;pre style="background-color: #eeeeee; border: 1px dashed rgb(153, 153, 153); color: black; font-family: &amp;quot;Andale Mono&amp;quot;, &amp;quot;Lucida Console&amp;quot;, Monaco, fixed, monospace; font-size: 12px; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"&gt;&lt;code style="color: black; overflow-wrap: normal; word-wrap: normal;"&gt;
import 'package:flutter/material.dart';
import 'package:intl/intl.dart' as intl;

class FormWidgetsDemo extends StatefulWidget {
  const FormWidgetsDemo({super.key});

  @override
  State&lt;formwidgetsdemo&gt; createState() =&amp;gt; _FormWidgetsDemoState();
}

class _FormWidgetsDemoState extends State&lt;formwidgetsdemo&gt; {
  final _formKey = GlobalKey&lt;formstate&gt;();
  DateTime date = DateTime.now();
  double maxValue = 0;
  bool? checkBoxFeature = false;
  bool sliderFeature = false;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Hakeem Innovation Technology'),
      ),
      body: Form(
        key: _formKey,
        child: Scrollbar(
          child: Align(
            alignment: Alignment.topCenter,
            child: Card(
              child: SingleChildScrollView(
                padding: const EdgeInsets.all(16),
                child: ConstrainedBox(
                  constraints: const BoxConstraints(maxWidth: 400),
                  child: Column(
                    mainAxisAlignment: MainAxisAlignment.center,
                    crossAxisAlignment: CrossAxisAlignment.center,
                    children: [
                      ...[
                        TextFormField(
                            decoration: const InputDecoration(
                          border: OutlineInputBorder(),
                          filled: true,
                          hintText: 'Text Field',
                          labelText: 'Title',
                        )),
                        TextFormField(
                          decoration: const InputDecoration(
                            border: OutlineInputBorder(),
                            filled: true,
                            hintText: 'Text Field Multi line...',
                            labelText: 'Description',
                          ),
                          maxLines: 3,
                        ),
                        _FormDatePicker(
                          date: date,
                          onChanged: (value) {
                            setState(() {
                              date = value;
                            });
                          },
                        ),
                        Column(
                          mainAxisAlignment: MainAxisAlignment.start,
                          crossAxisAlignment: CrossAxisAlignment.start,
                          children: [
                            Row(
                              mainAxisAlignment: MainAxisAlignment.spaceBetween,
                              children: [
                                Text(
                                  'Slider ',
                                  style: Theme.of(context).textTheme.bodyLarge,
                                ),
                              ],
                            ),
                            Text(
                              maxValue.toStringAsFixed(0),
                              style: Theme.of(context).textTheme.titleMedium,
                            ),
                            Slider(
                              min: 0,
                              max: 100,
                              divisions: 50,
                              value: maxValue,
                              onChanged: (value) {
                                setState(() {
                                  maxValue = value;
                                });
                              },
                            ),
                          ],
                        ),
                        Row(
                          mainAxisAlignment: MainAxisAlignment.start,
                          crossAxisAlignment: CrossAxisAlignment.center,
                          children: [
                            Checkbox(
                              value: checkBoxFeature,
                              onChanged: (checked) {
                                setState(() {
                                  checkBoxFeature = checked;
                                });
                              },
                            ),
                            Text('CheckBox',
                                style: Theme.of(context).textTheme.titleMedium),
                          ],
                        ),
                        Row(
                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                          crossAxisAlignment: CrossAxisAlignment.center,
                          children: [
                            Text('Switch',
                                style: Theme.of(context).textTheme.bodyLarge),
                            Switch(
                              value: sliderFeature,
                              onChanged: (enabled) {
                                setState(() {
                                  sliderFeature = enabled;
                                });
                              },
                            ),
                          ],
                        ),
                      ].expand(
                        (widget) =&amp;gt; [
                          widget,
                          const SizedBox(
                            height: 15,
                          )
                        ],
                      ),
                      ElevatedButton(
                          onPressed: () {},
                          child: const Text('Elevated Button')),
                      ElevatedButton.icon(
                          icon: const Icon(Icons.email),
                          onPressed: () {},
                          label: const Text('Elevated Button Icon')),
                      IconButton(
                        onPressed: () {},
                        icon: const Icon(Icons.email),
                      ),
                      TextButton(
                          onPressed: () {}, child: const Text('Text Button')),
                    ],
                  ),
                ),
              ),
            ),
          ),
        ),
      ),
    );
  }
}

class _FormDatePicker extends StatefulWidget {
  final DateTime date;
  final ValueChanged&lt;datetime&gt; onChanged;

  const _FormDatePicker({
    required this.date,
    required this.onChanged,
  });

  @override
  State&lt;_formdatepicker&gt; createState() =&amp;gt; _FormDatePickerState();
}

class _FormDatePickerState extends State&lt;_formdatepicker&gt; {
  @override
  Widget build(BuildContext context) {
    return Row(
      crossAxisAlignment: CrossAxisAlignment.start,
      mainAxisAlignment: MainAxisAlignment.spaceBetween,
      children: [
        Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          mainAxisAlignment: MainAxisAlignment.spaceAround,
          children: [
            Text(
              'Date',
              style: Theme.of(context).textTheme.bodyLarge,
            ),
            Text(
              intl.DateFormat.yMd().format(widget.date),
              style: Theme.of(context).textTheme.titleMedium,
            ),
          ],
        ),
        TextButton(
          child: const Text('Edit'),
          onPressed: () async {
            var newDate = await showDatePicker(
              context: context,
              initialDate: widget.date,
              firstDate: DateTime(1900),
              lastDate: DateTime(2100),
            );

            // Don't change the date if the date picker returns null.
            if (newDate == null) {
              return;
            }

            widget.onChanged(newDate);
          },
        )
      ],
    );
  }
}

    &lt;/_formdatepicker&gt;&lt;/_formdatepicker&gt;&lt;/datetime&gt;&lt;/formstate&gt;&lt;/formwidgetsdemo&gt;&lt;/formwidgetsdemo&gt;&lt;/code&gt; 
  &lt;/pre&gt;
&lt;/div&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmsx-konWDF_efQrLf5Zw-FHbxYL697c7nKLApvLgAegEq9kmXYzmWmS_lmz6G_olzX7NTiYywtxsan6c1UcoRNnaJshvkMMHSQOCv183VH2dvt-vF_W_iKlAiSKkxo6mEvJMXnWRUbX7UKDhKpIIHdyk7qzYVirQ2fBwTlJ4LDkeNv-u8t0StOPNRrBTK/s72-c/009%20Flutter%20Form%20Panel%20Text%20Slider%20CheckBox%20DatePicker%20Switch%20Button%20Widgets.png" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><enclosure length="147644" type="image/png" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmsx-konWDF_efQrLf5Zw-FHbxYL697c7nKLApvLgAegEq9kmXYzmWmS_lmz6G_olzX7NTiYywtxsan6c1UcoRNnaJshvkMMHSQOCv183VH2dvt-vF_W_iKlAiSKkxo6mEvJMXnWRUbX7UKDhKpIIHdyk7qzYVirQ2fBwTlJ4LDkeNv-u8t0StOPNRrBTK/s1920/009%20Flutter%20Form%20Panel%20Text%20Slider%20CheckBox%20DatePicker%20Switch%20Button%20Widgets.png"/></item><item><title>GST Calculator Android Free App</title><link>http://hakeemit.blogspot.com/2023/11/gst-calculator-android-free-application.html</link><category>Android</category><category>Calculator</category><category>GST</category><category>Percentage</category><author>noreply@blogger.com (Abdul Hakeem)</author><pubDate>Mon, 27 Nov 2023 00:20:00 -0800</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-4956215819983162684.post-235894014979452340</guid><description>&lt;p&gt;&amp;nbsp;This App is designed to help the business people to perform the GST calculation with simple operation with custom percentage setting that can be easily adjusted according to their needs.&lt;/p&gt;&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;&lt;b&gt;&lt;u&gt;Effortless GST Calculations for Your Business!&lt;/u&gt;&lt;br /&gt;&lt;/b&gt;&lt;br /&gt;Introducing the ultimate GST (Goods and Service Tax) Calculator designed exclusively for Indian users. Tailored to simplify your billing and invoicing needs, this app provides separate Central GST and State GST tax rates based on your entered amount.&lt;/p&gt;&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;&lt;b&gt;&lt;u&gt;Key Features:&lt;/u&gt;&lt;br /&gt;&lt;/b&gt;&lt;br /&gt;&#128202; Detailed Breakdown: Instantly view Base fare, CGST, SGST, and Total GST, empowering your business with comprehensive insights.&lt;br /&gt;&#128260; Inclusive &amp;amp; Exclusive GST: Easily calculate both inclusive and exclusive GST amounts.&lt;br /&gt;&#128200; Predefined GST Percentages: One-touch calculations for 3%, 5%, 12%, 18%, and 28% GST rates.&lt;br /&gt;⚙️ Customizable Settings: Configure the app to match your business requirements, ensuring flexibility.&lt;br /&gt;&#128188; Perfect for Business Owners:&lt;br /&gt;Prepare billing invoices effortlessly with a user-friendly interface. Basic calculation functions (Add, Subtract, Multiply, Divide) keep operations smooth and efficient.&lt;br /&gt;&lt;br /&gt;&#128202; GST Logs for History:&lt;br /&gt;Review your historical calculations and operation details with the built-in GST Logs feature.&lt;br /&gt;&lt;br /&gt;&#127760; Offline App:&lt;br /&gt;Enjoy the convenience of an offline app that functions seamlessly without an internet connection.&lt;br /&gt;&lt;br /&gt;&#127912; Elegant Design, Fast Action:&lt;br /&gt;The app boasts an elegant user interface with uniquely designed button colors, ensuring swift and intuitive actions.&lt;br /&gt;&lt;br /&gt;&#128242; Download Now for Hassle-Free GST Calculations!&lt;br /&gt;&lt;br /&gt;Optimize your business operations with precise GST calculations. Download now and experience the ease of managing GST for your Indian business.&lt;/p&gt;&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;&amp;nbsp;&lt;br /&gt;&lt;/p&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPqnqJKlmzlyPJq1PE77HpU739Cg7dZPDprjeVlJ98bGD8UVcd0ZFTmureAhi19Yhqon0N9Jwq3i3V5smeJSZRaMBERLBawd8RBHvwO8vn8sCXsgKVYKD5Th8IIdayx-sbsGeCi2cV0YGkiBD1GED2KBlGDjLlNhgI2PQTesMdjqsgDXQ8Zp678K9dP9Dt/s1133/008%20GST%20Calculator%20App.png" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" data-original-height="873" data-original-width="1133" height="494" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPqnqJKlmzlyPJq1PE77HpU739Cg7dZPDprjeVlJ98bGD8UVcd0ZFTmureAhi19Yhqon0N9Jwq3i3V5smeJSZRaMBERLBawd8RBHvwO8vn8sCXsgKVYKD5Th8IIdayx-sbsGeCi2cV0YGkiBD1GED2KBlGDjLlNhgI2PQTesMdjqsgDXQ8Zp678K9dP9Dt/w640-h494/008%20GST%20Calculator%20App.png" width="640" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;p&gt;Download from the Google Play Store&lt;/p&gt;&lt;p&gt;&lt;a href="https://play.google.com/store/apps/details?id=technology.innovation.gstcalculator"&gt;https://play.google.com/store/apps/details?id=technology.innovation.gstcalculator&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;&lt;u&gt;Youtube Video&lt;/u&gt;&lt;/b&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;iframe allowfullscreen="" class="BLOG_video_class" height="266" src="https://www.youtube.com/embed/RwSoVYVva7c" width="320" youtube-src-id="RwSoVYVva7c"&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;br /&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPqnqJKlmzlyPJq1PE77HpU739Cg7dZPDprjeVlJ98bGD8UVcd0ZFTmureAhi19Yhqon0N9Jwq3i3V5smeJSZRaMBERLBawd8RBHvwO8vn8sCXsgKVYKD5Th8IIdayx-sbsGeCi2cV0YGkiBD1GED2KBlGDjLlNhgI2PQTesMdjqsgDXQ8Zp678K9dP9Dt/s72-w640-h494-c/008%20GST%20Calculator%20App.png" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><enclosure length="337875" type="image/png" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPqnqJKlmzlyPJq1PE77HpU739Cg7dZPDprjeVlJ98bGD8UVcd0ZFTmureAhi19Yhqon0N9Jwq3i3V5smeJSZRaMBERLBawd8RBHvwO8vn8sCXsgKVYKD5Th8IIdayx-sbsGeCi2cV0YGkiBD1GED2KBlGDjLlNhgI2PQTesMdjqsgDXQ8Zp678K9dP9Dt/s1133/008%20GST%20Calculator%20App.png"/></item><item><title>Bottom Navigation Bar Flutter Sample Code</title><link>http://hakeemit.blogspot.com/2023/11/bottom-navigation-bar-flutter-sample.html</link><category>Android</category><category>Flutter</category><author>noreply@blogger.com (Abdul Hakeem)</author><pubDate>Fri, 24 Nov 2023 05:13:00 -0800</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-4956215819983162684.post-7257443817543067007</guid><description>&lt;p&gt;&amp;nbsp;Learn how you can design bottom navigation bar to your flutter based android application.&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;&lt;u&gt;Sample code for Bottom Navigation Bar&lt;/u&gt;&lt;/b&gt;&lt;/p&gt;


&lt;div&gt;
  &lt;pre style="background-color: #eeeeee; border: 1px dashed rgb(153, 153, 153); color: black; font-family: &amp;quot;Andale Mono&amp;quot;, &amp;quot;Lucida Console&amp;quot;, Monaco, fixed, monospace; font-size: 12px; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"&gt;    &lt;code style="color: black; overflow-wrap: normal; word-wrap: normal;"&gt;
import 'dart:developer';

import 'package:flutter/material.dart';

class AppBarBottomNavigationBar extends StatelessWidget {
  const AppBarBottomNavigationBar({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('Hakeem Innovation Technology')),
      body: Center(
        child: Column(children: [
          Image.asset(
            "assets/images/flutter.png",
            width: 300,
            height: 300,
          ),
          RichText(
            text: const TextSpan(
              text: 'Flutter Learning',
              style: TextStyle(
                  color: Colors.black87,
                  fontSize: 20,
                  fontWeight: FontWeight.bold),
            ),
          ),
        ]),
      ),
      bottomNavigationBar: BottomNavigationBar(
        items: const [
          BottomNavigationBarItem(
              icon: Icon(
                Icons.web,
                color: Colors.green,
              ),
              label: 'Web'),
          BottomNavigationBarItem(
              icon: Icon(
                Icons.sms,
                color: Colors.red,
              ),
              label: 'SMS'),
          BottomNavigationBarItem(
              icon: Icon(
                Icons.email,
                color: Colors.blue,
              ),
              label: 'Email'),
        ], onTap: (index) =&amp;gt; {
            if (index == 0){
              log('Web')
            }else if (index == 1){
              log('SMS')
            }else if (index == 2){
              log('Email')
            }
        },
      ),
    );
  }
}

    &lt;/code&gt; 
  &lt;/pre&gt;
&lt;/div&gt;&lt;b&gt;&lt;u&gt;



Sample Code for Bottom App Bar


&lt;/u&gt;&lt;/b&gt;&lt;div&gt;
  &lt;pre style="background-color: #eeeeee; border: 1px dashed rgb(153, 153, 153); color: black; font-family: &amp;quot;Andale Mono&amp;quot;, &amp;quot;Lucida Console&amp;quot;, Monaco, fixed, monospace; font-size: 12px; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"&gt;    &lt;code style="color: black; overflow-wrap: normal; word-wrap: normal;"&gt;
import 'dart:developer';

import 'package:flutter/material.dart';

class AppBarBottomAppBar extends StatelessWidget {
  const AppBarBottomAppBar({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(title: const Text('HIT')),
        body: Center(
          child: Column(children: [
            const SizedBox(
              height: 25,
            ),
            Image.asset(
              "assets/images/flutter.png",
              width: 300,
              height: 300,
            ),
            const SizedBox(
              height: 25,
            ),
            RichText(
              text: const TextSpan(
                text: 'Flutter Learning',
                style: TextStyle(
                    color: Colors.black87,
                    fontSize: 20,
                    fontWeight: FontWeight.bold),
              ),
            ),
          ]),
        ),
        bottomNavigationBar: BottomAppBar(
          child: Row(
            mainAxisAlignment: MainAxisAlignment.spaceEvenly,
            children: [
              IconButton(onPressed: () =&amp;gt; {
                log('Web')
              }, icon: const Icon(Icons.web)),
              IconButton(onPressed: () =&amp;gt; {
                log('SMS')
              }, icon: const Icon(Icons.sms, color: Colors.amber,)),
              IconButton(onPressed: () =&amp;gt; {
                log('Email')
              }, icon: const Icon(Icons.email))
            ],
          ),
        ));
  }
}

    &lt;/code&gt; 
  &lt;/pre&gt;
&lt;/div&gt;


&lt;div&gt;&lt;b&gt;&lt;u&gt;Output&lt;/u&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj631RgjjG38uO15TZtNJtSCGupCTzcNxfG-zOZ0ACvJStcndyBjfhs7Y-PdlkEbT4ueay45iGCGNyKm2l34_NnZGzggyXoMokepzTZjHeGRhfvwAI97-Tt8ZdVhK_ZjVTT2ep9tvnGtgoASPkOHzSGNvO1FWaWLFAo5xlEj9f_lfdgoXRlxpl9Orj_BZAp/s2220/Bottom%20App%20Bar%20Flutter%20android%20sample%20code.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" data-original-height="2220" data-original-width="1080" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj631RgjjG38uO15TZtNJtSCGupCTzcNxfG-zOZ0ACvJStcndyBjfhs7Y-PdlkEbT4ueay45iGCGNyKm2l34_NnZGzggyXoMokepzTZjHeGRhfvwAI97-Tt8ZdVhK_ZjVTT2ep9tvnGtgoASPkOHzSGNvO1FWaWLFAo5xlEj9f_lfdgoXRlxpl9Orj_BZAp/s320/Bottom%20App%20Bar%20Flutter%20android%20sample%20code.png" width="156" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;u&gt;&lt;br /&gt;&lt;/u&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;&lt;u&gt;
  Tutorial Video
  
  
&lt;/u&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;&lt;u&gt;&lt;br /&gt;&lt;/u&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;&lt;u&gt;&lt;br /&gt;&lt;/u&gt;&lt;/b&gt;&lt;/div&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj631RgjjG38uO15TZtNJtSCGupCTzcNxfG-zOZ0ACvJStcndyBjfhs7Y-PdlkEbT4ueay45iGCGNyKm2l34_NnZGzggyXoMokepzTZjHeGRhfvwAI97-Tt8ZdVhK_ZjVTT2ep9tvnGtgoASPkOHzSGNvO1FWaWLFAo5xlEj9f_lfdgoXRlxpl9Orj_BZAp/s72-c/Bottom%20App%20Bar%20Flutter%20android%20sample%20code.png" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><enclosure length="80895" type="image/png" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj631RgjjG38uO15TZtNJtSCGupCTzcNxfG-zOZ0ACvJStcndyBjfhs7Y-PdlkEbT4ueay45iGCGNyKm2l34_NnZGzggyXoMokepzTZjHeGRhfvwAI97-Tt8ZdVhK_ZjVTT2ep9tvnGtgoASPkOHzSGNvO1FWaWLFAo5xlEj9f_lfdgoXRlxpl9Orj_BZAp/s2220/Bottom%20App%20Bar%20Flutter%20android%20sample%20code.png"/></item><item><title>Tab Bar Android App Flutter - Example Code</title><link>http://hakeemit.blogspot.com/2023/11/tab-bar-android-app-flutter-example-code.html</link><category>Android</category><category>Flutter</category><author>noreply@blogger.com (Abdul Hakeem)</author><pubDate>Fri, 24 Nov 2023 03:13:00 -0800</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-4956215819983162684.post-1159916115239151356</guid><description>&lt;p&gt;&lt;/p&gt;&lt;div class="separator" style="clear: both; text-align: left;"&gt;&lt;span face="Roboto, Noto, sans-serif" style="background-color: white; color: #0d0d0d; font-size: 15px; white-space-collapse: preserve;"&gt;Learn how to create tab bar on your android application using flutter.

This Application will give a basic idea like how you can create tab bar with icons, text and controller.
&lt;/span&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: left;"&gt;&lt;span face="Roboto, Noto, sans-serif" style="background-color: white; color: #0d0d0d; font-size: 15px; white-space-collapse: preserve;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: left;"&gt;&lt;span face="Roboto, Noto, sans-serif" style="background-color: white; color: #0d0d0d; font-size: 15px; white-space-collapse: preserve;"&gt;&lt;b&gt;&lt;u&gt;Code&lt;/u&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;


&lt;div&gt;
 &lt;pre style="background-color: #eeeeee; border: 1px dashed rgb(153, 153, 153); color: black; font-family: &amp;quot;Andale Mono&amp;quot;, &amp;quot;Lucida Console&amp;quot;, Monaco, fixed, monospace; font-size: 12px; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"&gt;&lt;code style="color: black; overflow-wrap: normal; word-wrap: normal;"&gt;import 'package:flutter/material.dart';

class TabBarWidget extends StatelessWidget {
  const TabBarWidget({super.key});

  @override
  Widget build(BuildContext context) {
    return DefaultTabController(
        length: 3,
        initialIndex: 1,
        child: Scaffold(
          appBar: AppBar(
            title: const Text('Contact Us'),
            bottom: const TabBar(tabs: [
              Tab(
                icon: Icon(Icons.email),
                child: Text('Email'),
              ),
              Tab(
                icon: Icon(Icons.sms),
                child: Text('SMS'),
              ),
              Tab(
                icon: Icon(Icons.web),
                child: Text('Web'),
              )
            ]),
          ),
          body: const TabBarView(
              children: [Text('1st Tab'), Text('2nd Tab'), Text('3rd Tab')]),
        ));
}&lt;/code&gt; &lt;/pre&gt;
 &lt;/div&gt;
  
&lt;b&gt;&lt;u&gt;Output:&lt;/u&gt;&lt;/b&gt;&lt;pre&gt;&lt;code&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVJzPmMJcRtEOApzJ5J5lqcryeuep3EwEQYOCzzLY622mSDW_JED6kSrvWSsWYtHaSKEvB3NnbW5KXJIKQZ4_L4LJXMGGB5ajoQd-ljxrHicJcNfJNLxerww3cmHvzzHXs0xvaD9MmMD_VhtxeuKvPbeSK5lmhCzsWJ4oKRt4bBizVFHgWJUcQ1Fy37nQ3/s541/Tab%20Bar%20in%20Flutter%20Android%20App.png" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" data-original-height="375" data-original-width="541" height="222" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVJzPmMJcRtEOApzJ5J5lqcryeuep3EwEQYOCzzLY622mSDW_JED6kSrvWSsWYtHaSKEvB3NnbW5KXJIKQZ4_L4LJXMGGB5ajoQd-ljxrHicJcNfJNLxerww3cmHvzzHXs0xvaD9MmMD_VhtxeuKvPbeSK5lmhCzsWJ4oKRt4bBizVFHgWJUcQ1Fy37nQ3/s320/Tab%20Bar%20in%20Flutter%20Android%20App.png" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;/code&gt;
&lt;/pre&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;&lt;span face="Roboto, Noto, sans-serif" style="background-color: white; color: #0d0d0d; font-size: 15px; white-space-collapse: preserve;"&gt;&lt;b&gt;&lt;u&gt;Tutorial Video&lt;/u&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;iframe allowfullscreen="" class="BLOG_video_class" height="297" src="https://www.youtube.com/embed/7u9DVOood3s" width="477" youtube-src-id="7u9DVOood3s"&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;br /&gt;&amp;nbsp;&lt;p&gt;&lt;/p&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVJzPmMJcRtEOApzJ5J5lqcryeuep3EwEQYOCzzLY622mSDW_JED6kSrvWSsWYtHaSKEvB3NnbW5KXJIKQZ4_L4LJXMGGB5ajoQd-ljxrHicJcNfJNLxerww3cmHvzzHXs0xvaD9MmMD_VhtxeuKvPbeSK5lmhCzsWJ4oKRt4bBizVFHgWJUcQ1Fy37nQ3/s72-c/Tab%20Bar%20in%20Flutter%20Android%20App.png" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><enclosure length="15868" type="image/png" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVJzPmMJcRtEOApzJ5J5lqcryeuep3EwEQYOCzzLY622mSDW_JED6kSrvWSsWYtHaSKEvB3NnbW5KXJIKQZ4_L4LJXMGGB5ajoQd-ljxrHicJcNfJNLxerww3cmHvzzHXs0xvaD9MmMD_VhtxeuKvPbeSK5lmhCzsWJ4oKRt4bBizVFHgWJUcQ1Fy37nQ3/s541/Tab%20Bar%20in%20Flutter%20Android%20App.png"/></item><item><title>Set Images in Flutter Android Code - Sample Application </title><link>http://hakeemit.blogspot.com/2023/11/set-images-in-flutter-android-code.html</link><category>Android</category><category>Flutter</category><author>noreply@blogger.com (Abdul Hakeem)</author><pubDate>Fri, 24 Nov 2023 03:02:00 -0800</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-4956215819983162684.post-1382349264440464444</guid><description>&lt;p&gt;&lt;/p&gt;&lt;div class="separator" style="clear: both; text-align: left;"&gt;&lt;span style="background-color: white; color: #0d0d0d; font-family: Roboto, Noto, sans-serif; font-size: 15px; white-space-collapse: preserve;"&gt;Learn how to set image asset on your android application using flutter.

This Application will give a basic idea like how you can do the assets configuration and load images from local as well as from the network website.&lt;/span&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: left;"&gt;&lt;span style="background-color: white; color: #0d0d0d; font-family: Roboto, Noto, sans-serif; font-size: 15px; white-space-collapse: preserve;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;iframe allowfullscreen="" class="BLOG_video_class" height="425" src="https://www.youtube.com/embed/ajDvvy0X7vo" width="511" youtube-src-id="ajDvvy0X7vo"&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;br /&gt;&amp;nbsp;&lt;p&gt;&lt;/p&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://img.youtube.com/vi/ajDvvy0X7vo/default.jpg" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>Create First Flutter Sample App for Android</title><link>http://hakeemit.blogspot.com/2023/10/create-first-flutter-sample-app-for.html</link><category>Android</category><category>Apps</category><category>Developer</category><author>noreply@blogger.com (Abdul Hakeem)</author><pubDate>Thu, 19 Oct 2023 23:13:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-4956215819983162684.post-1695386440335809166</guid><description>Learn how you can create fist Android Flutter Project with sample layout using Visual Studio Code Editor and also deploy your sample application in your Android Device emulator using Android Studio.

&lt;p&gt;&lt;/p&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;iframe allowfullscreen="" class="BLOG_video_class" height="480" src="https://www.youtube.com/embed/QIcwTyUcX-U" width="640" youtube-src-id="QIcwTyUcX-U"&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;br /&gt;&amp;nbsp;&lt;p&gt;&lt;/p&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://img.youtube.com/vi/QIcwTyUcX-U/default.jpg" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>How To Create Dropdown List or Combo Box in Excel</title><link>http://hakeemit.blogspot.com/2023/10/how-to-create-dropdown-list-or-combo.html</link><category>Office</category><category>Windows OS</category><author>noreply@blogger.com (Abdul Hakeem)</author><pubDate>Thu, 19 Oct 2023 23:08:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-4956215819983162684.post-7681463608203972849</guid><description>&lt;p&gt;Learn how you can create your own list of data and that can be shown as dropdown or combo box within the Microsoft Office.&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;iframe allowfullscreen="" class="BLOG_video_class" height="480" src="https://www.youtube.com/embed/xMqRMPPjHCo" width="640" youtube-src-id="xMqRMPPjHCo"&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;br /&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://img.youtube.com/vi/xMqRMPPjHCo/default.jpg" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>Flutter SDK Setup in Windows 11</title><link>http://hakeemit.blogspot.com/2023/10/flutter-sdk-setup-in-windows-11.html</link><category>Android</category><category>Windows OS</category><author>noreply@blogger.com (Abdul Hakeem)</author><pubDate>Mon, 16 Oct 2023 00:21:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-4956215819983162684.post-8561840883356434565</guid><description>&lt;p&gt;Learn how to download and setup the flutter SDK in windows 11 environment variables and verify the version command from the command prompt.&amp;nbsp;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;iframe allowfullscreen="" class="BLOG_video_class" height="480" src="https://www.youtube.com/embed/oFkjZf9vjvs" width="640" youtube-src-id="oFkjZf9vjvs"&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;br /&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://img.youtube.com/vi/oFkjZf9vjvs/default.jpg" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>JDK Version 21 Setup in Windows 11 </title><link>http://hakeemit.blogspot.com/2023/10/jdk-version-21-setup-in-windows-11.html</link><category>Java</category><category>Windows OS</category><category>Youtube</category><author>noreply@blogger.com (Abdul Hakeem)</author><pubDate>Sun, 15 Oct 2023 23:21:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-4956215819983162684.post-8700129007367995891</guid><description>&lt;p&gt;Learn how to download and install java development kit version 21 from the oracle website and set the path in environment variables and then verify the java &amp;amp; javac commands are&amp;nbsp; recognized in command prompt.&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;iframe allowfullscreen="" class="BLOG_video_class" height="480" src="https://www.youtube.com/embed/YHYBfGHJclY" width="640" youtube-src-id="YHYBfGHJclY"&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://img.youtube.com/vi/YHYBfGHJclY/default.jpg" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>How To Fix The Display or Sound Card Problems In Windows</title><link>http://hakeemit.blogspot.com/2021/10/how-to-fix-display-or-sound-card.html</link><category>Trouble Shoot</category><category>Windows OS</category><author>noreply@blogger.com (Abdul Hakeem)</author><pubDate>Sun, 3 Oct 2021 22:58:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-4956215819983162684.post-4061101328151687637</guid><description>&lt;p&gt;&amp;nbsp;&lt;span style="background-color: white; color: #0d0d0d; font-family: Roboto, Noto, sans-serif; font-size: 15px; white-space: pre-wrap;"&gt;Learn how you can troubleshoot the Display or Sound Drivers issue in you windows machine.&lt;/span&gt;&lt;/p&gt;&lt;span style="background-color: white; color: #0d0d0d; font-family: Roboto, Noto, sans-serif; font-size: 15px; white-space: pre-wrap;"&gt;
Dxdiag window will show you all the Manufacturer, version and chipset details and based on this we can download the right drivers software and fix the issue.&lt;/span&gt;&lt;div&gt;&lt;span style="background-color: white; color: #0d0d0d; font-family: Roboto, Noto, sans-serif; font-size: 15px; white-space: pre-wrap;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;iframe allowfullscreen="" class="BLOG_video_class" height="354" src="https://www.youtube.com/embed/P-Bz4iz4FEQ" width="426" youtube-src-id="P-Bz4iz4FEQ"&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;br /&gt;&lt;span style="background-color: white; color: #0d0d0d; font-family: Roboto, Noto, sans-serif; font-size: 15px; white-space: pre-wrap;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://img.youtube.com/vi/P-Bz4iz4FEQ/default.jpg" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>Create Folder Without Name/ Title in Windows </title><link>http://hakeemit.blogspot.com/2021/10/create-folder-without-name-title-in.html</link><category>Windows Tips</category><author>noreply@blogger.com (Abdul Hakeem)</author><pubDate>Sun, 3 Oct 2021 22:22:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-4956215819983162684.post-86144304060332710</guid><description>Learn how you can create folder without file name .&lt;br /&gt;
&lt;br /&gt;
Normally when you want to create a folder or file its not possible but there is way to do it.&lt;br /&gt;
&lt;br /&gt;
ALT + 0160 is a blank space standard.&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;iframe allowfullscreen="" class="BLOG_video_class" height="459" src="https://www.youtube.com/embed/CFY7egXk094" width="552" youtube-src-id="CFY7egXk094"&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;br /&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://img.youtube.com/vi/CFY7egXk094/default.jpg" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>Setup The Structure Template In Nuxeo</title><link>http://hakeemit.blogspot.com/2021/09/setup-structure-template-in-nuxeo.html</link><category>nuxeo</category><category>Tutorial</category><author>noreply@blogger.com (Abdul Hakeem)</author><pubDate>Tue, 28 Sep 2021 05:57:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-4956215819983162684.post-6874145999120943902</guid><description>&lt;p&gt;Learn how you can predefined the folder structure with ACL permissions when the new workspace is created.&lt;/p&gt;&lt;p&gt;* You can define the n number of folders in nuxeo platform&lt;/p&gt;&lt;p&gt;* You can define any other documents&lt;/p&gt;&lt;p&gt;* You can choose the Root / Collection / workspace / domain only once to avoid the conflict between multiple structure template.&lt;/p&gt;&lt;p&gt;* Setting up the details via structure template, it will always execute the predefined setup whenever the context directory is being generated and you can save a lot of time for setting up the same structure and permission.&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;Just see the below video for how to do tutorial using Nuxeo LTS 2021 platform.&lt;/p&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;iframe allowfullscreen="" class="BLOG_video_class" height="482" src="https://www.youtube.com/embed/04khXjEq4b0" width="579" youtube-src-id="04khXjEq4b0"&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;br /&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://img.youtube.com/vi/04khXjEq4b0/default.jpg" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>Creating Vocabulary  &amp; Drop down widget Using Nuxeo Studio &amp; Web UI 2021</title><link>http://hakeemit.blogspot.com/2021/09/drop-down-widget-nuxeo-vocabulary-studio-configuration.html</link><category>nuxeo</category><category>Tutorial</category><category>widget</category><author>noreply@blogger.com (Abdul Hakeem)</author><pubDate>Sat, 11 Sep 2021 05:55:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-4956215819983162684.post-3100708307226191835</guid><description>&lt;p&gt;Create vocabulary in nuxeo platform for dropdown widget.&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;* Add your options in the vocabulary section &amp;amp; choose your vocabulary type according to your business needs&lt;/p&gt;&lt;p&gt;* Select your document type&lt;/p&gt;&lt;p&gt;* Go to schema section&lt;/p&gt;&lt;p&gt;* Add a new field&lt;/p&gt;&lt;p&gt;* Select your data type as directory&lt;/p&gt;&lt;p&gt;* Select your vocabulary&amp;nbsp;&lt;/p&gt;&lt;p&gt;* Save your document type&lt;/p&gt;&lt;p&gt;* Configure your layouts like create, edit and meta with new field changes&lt;/p&gt;&lt;p&gt;* Hot reload your configuration&lt;/p&gt;&lt;p&gt;* Now you can see the new changes in the nuxeo platform.&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;See the complete walk through session from the youtube.&lt;/p&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;iframe allowfullscreen="" class="BLOG_video_class" height="347" src="https://www.youtube.com/embed/LHko2uKod2c" width="617" youtube-src-id="LHko2uKod2c"&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;br /&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://img.youtube.com/vi/LHko2uKod2c/default.jpg" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>Learn How To Create Basic Document Using Nuxeo LTS 2021 Web UI Platform.</title><link>http://hakeemit.blogspot.com/2021/09/custom-document-using-nuxeo-platform-2021-web-ui.html</link><category>Linux</category><category>nuxeo</category><author>noreply@blogger.com (Abdul Hakeem)</author><pubDate>Thu, 9 Sep 2021 07:56:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-4956215819983162684.post-4660134441151317586</guid><description>&lt;div&gt;Create a basic document using Nuxeo LTS 2021 web UI platform.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;&lt;u&gt;Modeler Changes&lt;/u&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;* Creating a customized document type with the help of file document&lt;/div&gt;&lt;div&gt;* Adding the meta data using the schema UI&lt;/div&gt;&lt;div&gt;* Data Type &amp;amp; Validation&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;&lt;u&gt;Designer Changes&lt;/u&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;* Layout configuration&lt;/div&gt;&lt;div&gt;&lt;span style="white-space: pre;"&gt;	&lt;/span&gt;* Create form, Edit form, Import form, Metadata form &amp;amp; View form.&lt;/div&gt;&lt;div&gt;* Basic file meta data will be configured with title and description&lt;/div&gt;&lt;div&gt;* Now we have to add new meta data that we have created in modeler section&lt;/div&gt;&lt;div&gt;* Drag and drop the widgets using the Layout designer section.&lt;/div&gt;&lt;div&gt;* Hot Reload the local project using Nuxeo dev Tools&lt;/div&gt;&lt;div&gt;* Clear your cache and refersh your page&lt;/div&gt;&lt;div&gt;* Now you can see the new document type is available to create your own document&lt;/div&gt;&lt;div&gt;* Enjoy working with Nuxeo project in short time&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Watch the below video for complete demonstration.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;iframe allowfullscreen="" class="BLOG_video_class" height="319" src="https://www.youtube.com/embed/XkRgNVSDpyQ" width="592" youtube-src-id="XkRgNVSDpyQ"&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;br /&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;iframe allowfullscreen="" class="BLOG_video_class" height="306" src="https://www.youtube.com/embed/wXrWyZMCUMc" width="599" youtube-src-id="wXrWyZMCUMc"&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;br /&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://img.youtube.com/vi/XkRgNVSDpyQ/default.jpg" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>Domain Extension ends with .co</title><link>http://hakeemit.blogspot.com/2019/11/domain-extension-ends-with-co.html</link><category>Website</category><author>noreply@blogger.com (Abdul Hakeem)</author><pubDate>Thu, 3 Sep 2020 03:22:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-4956215819983162684.post-2425498881133275576</guid><description>&lt;p&gt;&lt;/p&gt;&lt;div class="separator" style="clear: both; text-align: left;"&gt;&amp;nbsp;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;div class="separator" style="clear: both; text-align: left;"&gt;&amp;nbsp;Dot co(.co) is a top level domain from Internet S.A.S. We have seen many extension for top level domains but after &lt;b&gt;dotcom, &lt;/b&gt;the&lt;b&gt; &lt;/b&gt;top&amp;nbsp;level&amp;nbsp;domain are to &lt;b&gt;dotco &lt;/b&gt;domain and also it really helps the firm to generate short url with these domain and that can be used in short messaging services, social media platform and authentication process.&lt;/div&gt;
&lt;p&gt;&lt;/p&gt;&lt;div class="separator" style="clear: both; text-align: left;"&gt;
&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;&lt;u&gt;&lt;b&gt;Few examples&lt;/b&gt;&lt;/u&gt;&lt;br /&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;
&lt;b&gt;&amp;nbsp;&lt;/b&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: left;"&gt;&lt;b&gt;www.a.co - amazon websites&lt;/b&gt;&lt;/div&gt;&lt;p&gt;
&lt;b style="text-align: left;"&gt;www.&lt;/b&gt;&lt;b&gt;g.co - Google website&lt;/b&gt;&lt;br /&gt;
&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>Amazon Web Service Guard Duty Setup</title><link>http://hakeemit.blogspot.com/2020/09/amazon-guard-duty-setup.html</link><category>Amazon Web Services</category><author>noreply@blogger.com (Abdul Hakeem)</author><pubDate>Thu, 3 Sep 2020 03:16:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-4956215819983162684.post-6280222959472716344</guid><description>&lt;p&gt;&amp;nbsp;Amazon Guard Duty is a special level of security layer that can be used to trace the unauthorized activities for your AWS Cloud Services.&lt;br /&gt;&lt;/p&gt;&lt;p&gt;So we need to setup the log stream of CloudTrail, VPC &amp;amp; DNS to scan your content.&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;u&gt;&lt;b&gt;CloudTrail&lt;/b&gt;&lt;/u&gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp;		About: Recording all Users &amp;amp; Access Keys based activities and its event. &lt;br /&gt;&lt;br /&gt;&lt;u&gt;&lt;b&gt;VPC Flow Logs&lt;/b&gt;&lt;/u&gt;&lt;br /&gt;&amp;nbsp;
 &amp;nbsp;		About: Monitoring IP Traffic from Amazon EC2 Network interface. This
 flow log we have to create with respect to instance IP Address. &lt;br /&gt;&lt;br /&gt;&lt;u&gt;&lt;b&gt;DNS Logs&lt;/b&gt;&lt;/u&gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp;		About: Monitoring the suspicious request through DNS Resolver.&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;Please create the log stream in the following the places and then you can see the findings in your Amazon Guard Duty.&lt;br /&gt;&lt;/p&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>Mysql Database Tutorial For Beginner &amp; Intermediate Level - Part 01</title><link>http://hakeemit.blogspot.com/2020/01/mysql-database-tutorial-for-beginner.html</link><category>Database</category><category>Mysql</category><category>Tutorial</category><category>Youtube</category><author>noreply@blogger.com (Abdul Hakeem)</author><pubDate>Wed, 15 Jan 2020 02:08:00 -0800</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-4956215819983162684.post-4357687586620074077</guid><description>This video explains you about the creating of new database and followed  by the implementation of create , update, alter , delete , truncate and  drop the table. Creating table with example data by defining the columns  and its relevant datatype and the importance of primary key usage and  the various methods of performing insert query and usage.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/VDriTkrL1yg" width="560"&gt;&lt;/iframe&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://img.youtube.com/vi/VDriTkrL1yg/default.jpg" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>Pride and Prejudice - Novel Review</title><link>http://hakeemit.blogspot.com/2019/11/pride-and-prejudice-novel-review.html</link><category>Book</category><category>Book Reviews</category><author>noreply@blogger.com (Abdul Hakeem)</author><pubDate>Tue, 5 Nov 2019 07:41:00 -0800</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-4956215819983162684.post-409230157394897664</guid><description>&lt;br /&gt;
Book of the 18th century which made everyone fall crazy for Jane Austen.&lt;br /&gt;
&lt;br /&gt;
Mr. Darcy became a role model for young men and a dream boy to every girl who read the book.&lt;br /&gt;
&lt;br /&gt;
The language, the etiquette, the mannerism everything is bewitching and make you fall in love with Lizzy and Darcy.&lt;br /&gt;
&lt;br /&gt;
Pride and Prejudice is a love story which leaves you feeling very warm and fuzzy on the inside; and also gives moral values to the reader. It emphasizes that girls need not be coquettish and simpering in order to find ardent lover. Any sensible man would want his wife to have some sense and intelligence. Hence women with intellect and courage are often found more attractive than empty-headed beauties. Good nature and character makes a lady look beautiful then any fashionable dress or makeup which is quite true in every Era.&lt;br /&gt;
&lt;br /&gt;
Elizabeth Benet is a very mature girl with above mentioned qualities . Mr. Darcy seemingly proud and arrogant at first is remarkable good hear-ted and of reserved nature, so he considered proud by most of the novel's character. The story unfolds slowly and delves deeper into the characters' lives breaking down prejuidices along the way. It's not really a surprise that it is one of the most read classics in modern day. I would personally recommend each and every Austen's novel. It is a book worth treasuring forever.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>Redmi Note 5 Specification And Price</title><link>http://hakeemit.blogspot.com/2018/04/redmi-note-5-specification-and-price.html</link><category>Android</category><category>Redmi</category><category>Xiaomi</category><author>noreply@blogger.com (Abdul Hakeem)</author><pubDate>Fri, 13 Apr 2018 07:13:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-4956215819983162684.post-1398782903704377463</guid><description>See the Redmi Note 5 Specification And Price&lt;br /&gt;
&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjesq0-pU1_ZRdwwOwAwz8Bkd39n-2ZHVOZzuJtcT32SWxfC3AVbjjtGqdnqmahXeBoSBniC3rP13OIauDv0eUAxIGfdZxAwo_aykpzwZmEXUNnkTpmTyHLZdjskbc68zGAlNWNGJ5iIdTy/s1600/redmi_5_pro_black.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" data-original-height="650" data-original-width="550" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjesq0-pU1_ZRdwwOwAwz8Bkd39n-2ZHVOZzuJtcT32SWxfC3AVbjjtGqdnqmahXeBoSBniC3rP13OIauDv0eUAxIGfdZxAwo_aykpzwZmEXUNnkTpmTyHLZdjskbc68zGAlNWNGJ5iIdTy/s400/redmi_5_pro_black.jpg" width="336" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;u&gt;&lt;b&gt;Display&lt;/b&gt;&lt;/u&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;18:9 Full screen display&lt;/li&gt;
&lt;li&gt;Custom display with rounded corners&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
&lt;u&gt;&lt;b&gt;Procesor &amp;amp; Memory&lt;/b&gt;&lt;/u&gt; &lt;br /&gt;
&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;Octa-core processor&lt;/li&gt;
&lt;li&gt;Snapdragon 625 2.0GHz max&lt;/li&gt;
&lt;li&gt;Adreno 506&lt;/li&gt;
&lt;/ul&gt;
&lt;u&gt;&lt;b&gt;Dimensions&lt;/b&gt;&lt;/u&gt;&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;Height: 158.5mm&lt;/li&gt;
&lt;li&gt;Width: 75.45mm&lt;/li&gt;
&lt;li&gt;Thickness: 8.05mm&lt;/li&gt;
&lt;li&gt;Weight: 180g&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;u&gt;&lt;b&gt;Display&lt;/b&gt;&lt;/u&gt;&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;18:9 Full screen display&lt;/li&gt;
&lt;li&gt;15.2cm (5.99) (diagonally)18:9 screen aspect ratio&lt;/li&gt;
&lt;li&gt;2160 x 1080 FHD+ resolution, 403 PPI, 1000:1 contrast ratio&lt;/li&gt;
&lt;li&gt;450 nits brightness&lt;/li&gt;
&lt;li&gt;84% of NTSC color gamut&lt;/li&gt;
&lt;li&gt;Sunlight display&lt;/li&gt;
&lt;li&gt;Night display&lt;/li&gt;
&lt;li&gt;Reading mode&lt;/li&gt;
&lt;li&gt;Color temperature adjustment&lt;/li&gt;
&lt;li&gt;Standard mode&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
&lt;u&gt;&lt;b&gt;Battery&lt;/b&gt;&lt;/u&gt;&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;4000mAh (typ) / 3900mAh (min)&lt;/li&gt;
&lt;li&gt;Non-removable&lt;/li&gt;
&lt;li&gt;5V/2A&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
&lt;u&gt;&lt;b&gt;Camera &amp;amp; Video&lt;/b&gt;&lt;/u&gt;&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;12MP rear camera&lt;/li&gt;
&lt;li&gt;12MP, 1.25μm large pixel&lt;/li&gt;
&lt;li&gt;5-element lens, ƒ/2.2 aperture&lt;/li&gt;
&lt;li&gt;Dual LED flash&lt;/li&gt;
&lt;li&gt;PDAF&lt;/li&gt;
&lt;li&gt;Low light enhancement&lt;/li&gt;
&lt;li&gt;HDR&lt;/li&gt;
&lt;li&gt;Panorama&lt;/li&gt;
&lt;li&gt;Burst mode&lt;/li&gt;
&lt;li&gt;Face recognition&lt;/li&gt;
&lt;li&gt;5MP front camera&lt;/li&gt;
&lt;li&gt;Beautify 4.0&lt;/li&gt;
&lt;li&gt;Selfie-light&lt;/li&gt;
&lt;li&gt;Selfie countdown&lt;/li&gt;
&lt;li&gt;Face recognition&lt;/li&gt;
&lt;li&gt;1080p/720p video, 30fps&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
&lt;u&gt;&lt;b&gt;Networks &amp;amp; Connectivity&lt;/b&gt;&lt;/u&gt;&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;Supports 802.11a/b/g/n protocols&lt;/li&gt;
&lt;li&gt;Supports 2.4 / 5G WiFi / WIFI Direct / WiFi Display&lt;/li&gt;
&lt;li&gt;Bluetooth 4.2, Bluetooth HID&lt;/li&gt;
&lt;li&gt;4G dual SIM:&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
&lt;u&gt;&lt;b&gt;3-choose-2 hybrid SIM tray&lt;/b&gt;&lt;/u&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;Nano-SIM + Nano-SIM or Nano-SIM + micro SD card&lt;/li&gt;
&lt;li&gt;2G:GSM 2/3/5/8&lt;/li&gt;
&lt;li&gt;3G:WCDMA 1/2/5/8&lt;/li&gt;
&lt;li&gt;4G:TDD-LTE 40/41&lt;/li&gt;
&lt;li&gt;4G:FDD-LTE 1/3/5&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
&lt;u&gt;&lt;b&gt;Navigation &amp;amp; Positioning&lt;/b&gt;&lt;/u&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;GPS&lt;/li&gt;
&lt;li&gt;AGPS&lt;/li&gt;
&lt;li&gt;GLONASS&lt;/li&gt;
&lt;li&gt;BeiDou&lt;/li&gt;
&lt;/ul&gt;
&lt;u&gt;&lt;b&gt;Sensors&lt;/b&gt;&lt;/u&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;Proximity sensor&lt;/li&gt;
&lt;li&gt;Gyroscope sensor&lt;/li&gt;
&lt;li&gt;Accelerometer&lt;/li&gt;
&lt;li&gt;Electronic Compass&lt;/li&gt;
&lt;li&gt;Ambient light sensor&lt;/li&gt;
&lt;li&gt;Hall effect sensor&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;u&gt;&lt;b&gt;Package contents&lt;/b&gt;&lt;/u&gt;&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;Redmi Note 5&lt;/li&gt;
&lt;li&gt;Power adapter&amp;nbsp;&lt;/li&gt;
&lt;li&gt;USB cable&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Warranty card, user guide&amp;nbsp;&lt;/li&gt;
&lt;li&gt;SIM insertion tool&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Ultra-slim case&lt;/li&gt;
&lt;/ul&gt;
&lt;u&gt;&lt;b&gt;Price ( Indian Rupees )&lt;/b&gt;&lt;/u&gt; &lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;9,999 (3GB+32GB )&lt;/li&gt;
&lt;li&gt;11,999 (4GB+64GB )&lt;/li&gt;
&lt;/ul&gt;
&lt;u&gt;&lt;b&gt;Colour&lt;/b&gt;&lt;/u&gt;&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;Black&lt;/li&gt;
&lt;li&gt;Blue&lt;/li&gt;
&lt;li&gt;Gold&lt;/li&gt;
&lt;li&gt;Rose Gold&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
&lt;br /&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjesq0-pU1_ZRdwwOwAwz8Bkd39n-2ZHVOZzuJtcT32SWxfC3AVbjjtGqdnqmahXeBoSBniC3rP13OIauDv0eUAxIGfdZxAwo_aykpzwZmEXUNnkTpmTyHLZdjskbc68zGAlNWNGJ5iIdTy/s72-c/redmi_5_pro_black.jpg" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">2</thr:total><enclosure length="129642" type="image/jpeg" url="https://2.bp.blogspot.com/-lrwstW8Tw_I/WtBz_qb0erI/AAAAAAAADgM/2Hd5_0n1f4oWJQkJP4p5oiGECYQ5aqBgACLcBGAs/s1600/redmi_5_pro_black.jpg"/></item><item><title> How To Fix Resolve This Dependency In Android Studio</title><link>http://hakeemit.blogspot.com/2018/04/how-to-fix-resolve-this-dependency-in.html</link><category>Android</category><category>Java</category><category>Studio</category><author>noreply@blogger.com (Abdul Hakeem)</author><pubDate>Fri, 13 Apr 2018 01:56:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-4956215819983162684.post-2325708827748488443</guid><description>Solution For An Error : Resolve this dependency for ':app@debug/compileClasspath': Could not resolve com.android.support.appcompact.&lt;br /&gt;
&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;Your computer must be connected to internet to resolve this problem.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Android Studio &amp;gt; File &amp;gt;&amp;nbsp; Settings &amp;gt; Build, Execution, Deployment &lt;/li&gt;
&lt;/ul&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyRjcJLXGgWtFF0DHDAmGa4_rm6soUih0zNl3x2-cA6tb-Po0rHZS6cIhW1ly3guR82oLN1E6N4NJ2jtGeGbEVQC5K1qsWcvOIXCe2JCtbFKXOc4uTQuo-cBxbxunGPIXLGUjwxIBq0kLu/s1600/Android_studio_settings.png" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" data-original-height="738" data-original-width="1362" height="345" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyRjcJLXGgWtFF0DHDAmGa4_rm6soUih0zNl3x2-cA6tb-Po0rHZS6cIhW1ly3guR82oLN1E6N4NJ2jtGeGbEVQC5K1qsWcvOIXCe2JCtbFKXOc4uTQuo-cBxbxunGPIXLGUjwxIBq0kLu/s640/Android_studio_settings.png" width="640" /&gt;&lt;/a&gt; &lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;&amp;nbsp;Gradle &lt;/li&gt;
&lt;/ul&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih6L7WS3bNaAwmvShOM3mgf7km1wViPu22MDAhxJIwzNzsy1AFsJMdZPMtq_qv_VwYi7MxuayT0RYDm1ayWVnD5Mg0-B0mAlWbSY8RBbcjEE7EXg9P41PBkPnWK1zlvDtLkDKuHzldrPt3/s1600/Android_studio_settings_gradle.png" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" data-original-height="740" data-original-width="1386" height="339" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih6L7WS3bNaAwmvShOM3mgf7km1wViPu22MDAhxJIwzNzsy1AFsJMdZPMtq_qv_VwYi7MxuayT0RYDm1ayWVnD5Mg0-B0mAlWbSY8RBbcjEE7EXg9P41PBkPnWK1zlvDtLkDKuHzldrPt3/s640/Android_studio_settings_gradle.png" width="640" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;Uncheck the offline work and click OK to exit from Settings window&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;&amp;nbsp;Go to Build Menu &amp;gt; Rebuild project &lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Click the Try again link in Gradle notification and your pc will download the required library files from the internet and your problem will be resolved.&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyRjcJLXGgWtFF0DHDAmGa4_rm6soUih0zNl3x2-cA6tb-Po0rHZS6cIhW1ly3guR82oLN1E6N4NJ2jtGeGbEVQC5K1qsWcvOIXCe2JCtbFKXOc4uTQuo-cBxbxunGPIXLGUjwxIBq0kLu/s72-c/Android_studio_settings.png" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><enclosure length="70672" type="image/png" url="https://2.bp.blogspot.com/-3pHKZ8R12JE/Ws763UR_tWI/AAAAAAAADf4/jJrW8-30_tsD1uIhzmAgFbTsKI4JoZRRwCLcBGAs/s1600/Android_studio_settings.png"/></item><item><title>Gradle project sync failed. Basic functionality (e.g, editing, debugging)  will not work properly.</title><link>http://hakeemit.blogspot.com/2018/04/gradle-project-sync-failed-basic.html</link><category>Android</category><category>Java</category><category>Studio</category><author>noreply@blogger.com (Abdul Hakeem)</author><pubDate>Wed, 11 Apr 2018 23:23:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-4956215819983162684.post-442225483612047668</guid><description>Gradle is an open source build tool which help us to accelerate developer productivity.&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;Go to Gradle Services website(http://services.gradle.org/distributions/) and download the latest version&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Download the latest version gradle-4.7-rc-1-all.zip ( Latest version while writing this article) and you can download greater than 4.7 if available and make sure the zip file contains "all" keyword (gradle-*.*-rc-*-all.zip). &lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Go to your download location and unzip the downloaded file &lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Android Studio &amp;gt; File &amp;gt;&amp;nbsp; Settings &amp;gt; Build, Execution, Deployment &lt;/li&gt;
&lt;/ul&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyRjcJLXGgWtFF0DHDAmGa4_rm6soUih0zNl3x2-cA6tb-Po0rHZS6cIhW1ly3guR82oLN1E6N4NJ2jtGeGbEVQC5K1qsWcvOIXCe2JCtbFKXOc4uTQuo-cBxbxunGPIXLGUjwxIBq0kLu/s1600/Android_studio_settings.png" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" data-original-height="738" data-original-width="1362" height="345" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyRjcJLXGgWtFF0DHDAmGa4_rm6soUih0zNl3x2-cA6tb-Po0rHZS6cIhW1ly3guR82oLN1E6N4NJ2jtGeGbEVQC5K1qsWcvOIXCe2JCtbFKXOc4uTQuo-cBxbxunGPIXLGUjwxIBq0kLu/s640/Android_studio_settings.png" width="640" /&gt;&lt;/a&gt; &lt;br /&gt;&lt;ul&gt;
&lt;li&gt;&amp;nbsp;Gradle &lt;/li&gt;
&lt;/ul&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih6L7WS3bNaAwmvShOM3mgf7km1wViPu22MDAhxJIwzNzsy1AFsJMdZPMtq_qv_VwYi7MxuayT0RYDm1ayWVnD5Mg0-B0mAlWbSY8RBbcjEE7EXg9P41PBkPnWK1zlvDtLkDKuHzldrPt3/s1600/Android_studio_settings_gradle.png" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" data-original-height="740" data-original-width="1386" height="339" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih6L7WS3bNaAwmvShOM3mgf7km1wViPu22MDAhxJIwzNzsy1AFsJMdZPMtq_qv_VwYi7MxuayT0RYDm1ayWVnD5Mg0-B0mAlWbSY8RBbcjEE7EXg9P41PBkPnWK1zlvDtLkDKuHzldrPt3/s640/Android_studio_settings_gradle.png" width="640" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;Project-level settings -&amp;gt; Select Use local gradle distribution -&amp;gt; Select the unzip folder of downloaded gradle version -&amp;gt; Click OK button to exit from the Settings window.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Please Wait until Gradle build completes and your problem have been resolved.&lt;/li&gt;
&lt;/ul&gt;
&amp;nbsp;&lt;u&gt;&lt;b&gt;If gradle build failed, follow few more steps to get resolved&lt;/b&gt;&lt;/u&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;Final step to resolve this error&lt;/li&gt;
&lt;li&gt;Go to your project -&amp;gt; Gradle script -&amp;gt; build.gradle(Module.app)&lt;/li&gt;
&lt;li&gt;Change the targetsdkversion to be compilesdkversion (both should be equal)&lt;/li&gt;
&lt;li&gt;Click the Try again link in Gradle notification and your gradle will be finished without any problems.&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
&lt;br /&gt;&lt;br /&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyRjcJLXGgWtFF0DHDAmGa4_rm6soUih0zNl3x2-cA6tb-Po0rHZS6cIhW1ly3guR82oLN1E6N4NJ2jtGeGbEVQC5K1qsWcvOIXCe2JCtbFKXOc4uTQuo-cBxbxunGPIXLGUjwxIBq0kLu/s72-c/Android_studio_settings.png" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">3</thr:total><enclosure length="70672" type="image/png" url="https://2.bp.blogspot.com/-3pHKZ8R12JE/Ws763UR_tWI/AAAAAAAADf4/jJrW8-30_tsD1uIhzmAgFbTsKI4JoZRRwCLcBGAs/s1600/Android_studio_settings.png"/></item></channel></rss>