A R U L UI

Design

Code

Delivery

Make it simple

Arul UI page

Spring HATEOAS (Hypertext as the Engine of Application State)

By Arul

Updated: 2nd July 2020

Spring HATEOAS provides REST API component to the client response shared with other network application meta-data information through processing the dynamic data i.e. links to resources. HAL (Hypertext Application Language) is a format of resource representation and that can be implemented in HATEOAS and also share the URI schema without breaking clients connectivity.

Spring HATEOAS create the meta-data resource representation such as RepresentationalModal, Links and WebMVCLink interface.

Decoupling the multi-level architecture application and communicate each other using the URI response which is self qualified as a self link. Its simply the canonical location the resource can access it.

More technical code refer the repository link arului-apiservice and more articles search in internet.


Microprofile 3.3 micro-services using liberty

By Arul

Updated: 19th June 2020

TODO-Lorem ipsum dolor sit amet, mei an justo sonet homero, te duo partem alterum, id movet lucilius nam. Has ne labitur assueverit signiferumque. Laoreet commune tractatos at mea, in elitr tantas mel. Paulo insolens legendos ad cum, eos denique quaestio cu, vix ludus vitae ex. Ne case rebum minimum cum. Ex mel affert salutandi, ei mea alienum temporibus.

Todo-Lorem ipsum dolor sit amet, mei an justo sonet homero, te duo partem alterum, id movet lucilius nam. Has ne labitur assueverit signiferumque. Laoreet commune tractatos at mea, in elitr tantas mel. Paulo insolens legendos ad cum, eos denique quaestio cu, vix ludus vitae ex. Ne case rebum minimum cum. Ex mel affert salutandi, ei mea alienum temporibus.

Todo-Lorem ipsum dolor sit amet, mei an justo sonet homero, te duo partem alterum, id movet lucilius nam. Has ne labitur assueverit signiferumque. Laoreet commune tractatos at mea, in elitr tantas mel. Paulo insolens legendos ad cum, eos denique quaestio cu, vix ludus vitae ex. Ne case rebum minimum cum. Ex mel affert salutandi, ei mea alienum temporibus.

More technical code refer the repository link User Module


Quarkus using kubernetes, H2 database and rest service

By Arul

Updated: 25th June 2020

TODO-Lorem ipsum dolor sit amet, mei an justo sonet homero, te duo partem alterum, id movet lucilius nam. Has ne labitur assueverit signiferumque. Laoreet commune tractatos at mea, in elitr tantas mel. Paulo insolens legendos ad cum, eos denique quaestio cu, vix ludus vitae ex. Ne case rebum minimum cum. Ex mel affert salutandi, ei mea alienum temporibus.

Todo-Lorem ipsum dolor sit amet, mei an justo sonet homero, te duo partem alterum, id movet lucilius nam. Has ne labitur assueverit signiferumque. Laoreet commune tractatos at mea, in elitr tantas mel. Paulo insolens legendos ad cum, eos denique quaestio cu, vix ludus vitae ex. Ne case rebum minimum cum. Ex mel affert salutandi, ei mea alienum temporibus.

Todo-Lorem ipsum dolor sit amet, mei an justo sonet homero, te duo partem alterum, id movet lucilius nam. Has ne labitur assueverit signiferumque. Laoreet commune tractatos at mea, in elitr tantas mel. Paulo insolens legendos ad cum, eos denique quaestio cu, vix ludus vitae ex. Ne case rebum minimum cum. Ex mel affert salutandi, ei mea alienum temporibus.

More technical code refer the repository link Employee Service


GoLang web signup example application

By Arul

Updated: 21st May 2020

GoLang - robust system-level language and new language alternative for C++ and Java application. Highly supports for scalable networks and large distributed applications. GoLang bundle with major inbuilt libraries and minimized the semantics comparatively Java.

Golang have many features on thread and concurrency modules. Golang worth to learning new technologies with add-ons technical skills. Current situation very hard to find the scope on distributed applications from clients. If anyone deep-dive new skills GoLang is an good option to explore back-end and not worth for web application compare to latest web frameworks in markets.

Really easy to do quick development and everything in one place for example creating the web server and generate the html tags dynamically and perform the action. The same way in Java it takes longer steps with custom JSP tags to generate the html input components and web container configuration. Lots of inbuilt libraries and easy way to implement the code refer more articles on internet.

Prerequisite to install Go set-up the environment and make sure GOPATH configured. Dynamic generated Html web components sample refer from my repository GoLang signup form


Apache CouchDB Express Pug Module

By Arul

Updated: 21th Feb 2020

Apache CouchDB store your data on JSON natively with document store. CouchDB API access method supports RESTful HTTP/JSON service to access the application.

Fauxton is the browser UI application to access the couchDB database, replication, cluster, replication and results. CouchDB uses MapReduce methods for API service and also access rights for users can be defined per database.

Queries can use the built-in _all_docs index or custom indexes, specified using the _index endpoint.

CouchDB application example repo:CouchDB Express Pug Application


PouchDB react CRUD userlist

By Arul

Updated: 13th Feb 2020

PouchDB stores the data into IndexedDB in all modern browsers. Users store the data into browser and work with offline. IndexedDB data sync with HTTP service or API call to presist the information. Reduce the loading time and connectivity problems. It will work offline mode and once the server up and running IndexedDB sync with server.

PouchDB supports/integrate all front-end library and web framework. PouchDB requires modern ES5 environment. Using pouchDB database perform the CRUD operation and query the records.

PouchDB prefers IndexedDB operations and fallback hooks to WebSQL, HTTP or LevelDB adaptors.It's sync with couchDB and persist the customer data. It's support many ways to implement for example, node npm or browser only or CDN package.

key points:

PouchDB stores the data in-memory or local storage as well.

  • 1. Packages bundle available in presets, plugins and utilities
  • 2. Pouchdb replication API exposed through replicate() and sync() method

Sample application repo:PouchDB React Application


Svelte component framework

By Arul

Updated: 03rd Feb 2020

Svelte is a component framework similar like react/vue framework. React is state driven code and virtual DOM it's very tough to understand and complexity while development for regular techies. Svelte converts the JavaScript at compile time and there is no dependencies on run-time. This means no virtual DOM, no frameworks on top of frameworks, and no framework to load at runtime.

so no Angular $scope, no React this.state, and no Vue data. Instead, use lets everywhere to get assignable state values and update the values.

key points:

  • 1. Components based framework and maintain the value scope based on lets variable
  • 2. Complete bundle code will be ready on compile time no dependencies on run-time
  • 3. Components in-line styles to be clear and easy to development
  • 4. Svelte publish as a local development and web based module

Sample application repo:Svelte Application


Basic knowledge of SEO(Search Engine Optimization)

By Arul

Updated: 03rd Dec 2019

Front-end web developer technically heard the internet trendy word SEO(Search Engine Optimization). It's allowing visibility of a website in modern search engines. Internet users always using search keywords and crawling the pages. SEO plays major role in web development in consumer point of view to improve global/local business and solutions.

Developer things to remember basic Key points:

  • 1. Use proper keywords in meta tags, title and tags for all the pages
  • 2. Sitemap on your website keep xml copy
  • 3. robots file to define the paths for allowing/disallowing path
  • 4. URL path and make sure structured and meaningful
  • 5. External site links use the rel="nofollow" tags if not required to collect meta data
  • 6. 404 error page to handle content broken or links


How important to validate JSON schema

By Arul

Dated: 20th Nov 2020

JSON schema is very simple and organize the model object. Developing applications are loosely coupled to maintain very easily. JSON object transferring in-between front-end and micro-services application layer. JSON schema validation to maintain the clear, human-readable, and machine-readable documentation. Because data objects performing the validation and we known the object types for doing business method operations. Once the model has been solidified, enforce some standards and take advantage of both flexibility of the document model along with data validation.

                    
                    {
                    "$schema": "http://json-schema.org/draft-07/schema#",
                    "$id": "http://example.com/product.schema.json",
                    "title": "Product",
                    "description": "A product from Acme's catalog",
                    "type": "object",
                    "properties": {
                        "productId": {
                        "description": "The unique identifier for a product",
                        "type": "integer"
                        }
                    },
                    "required": [ "productId" ]
                    }
                
                    input:
                    {
                        "productId":123
                    }
                    
                    

Ref: JSON Schema validator


Avoid the trash and re-build the old laptop

By Arul

Dated: 13th Nov 2019

Every year holiday season, customers tempted to buy new laptop with higher technologies. Think about few hours or days how to re-use the broken/old laptop. Find out the online videos and articles you will get more valuable tips.

Things to do before trash

  • 1. Give to someone or relatives if they are ready to repair or re-use if they like.
  • 2. Spend sometime to identify the problem (i.e. screen broken, motherboard failure, hard disk problem, power card/pin problem)
  • 3. Make a NAS Home server online you will get detailed videos and steps
  • 4. Low configured pc/laptop using create own security camera in your home.
  • 5. Setup like picture frame

Decorate home using repaired pc/laptop

  • 1. If you have old PC cabinet don't throw and re-use the decorated shelves in your garage/book shelves/DVD shelves
  • 2. Unused/repaired motherboards make it coffee-table decoration (glass covered decorated ideas will be good to avoid dust and sharp edges will not hit)