How we helped a lottery, Win (Part 2)

By

/ Categories: General Engineering, Mobile Development, Platforms, Web Development

Continued from Part 1… Application Setup and Deploy:  The Player exclusion spring-boot microservices will run on Docker container-based Linux instances. It will use Azure DevOps toolchain (Azure Boards, Repos, Pipelines & Artifacts) for its software development & delivery lifecycle.  Azure DevOps will handle Application deployments in an automated manner to provide a streamlined error-free development lifecycle.        The Application Code will be hosted in Azure Repos. … Continued

Unified Customer View – Approach

By

/ Categories: General Engineering, Information Science, Platforms, Web Development

Understanding customer behavior plays a vital role in the modern digital marketing world to ensure success in any digital initiative.  There is no other proven source or tool to understand customers than a Unified Customer View that provides a 360-degree view of the customer including demography, buying behaviour, activity history, product preferences, etc. The problem … Continued

Setup Storybook for AEM

By

/ Categories: Web Development

Storybook is an open source tool for developing UI components with various technologies, including AEM. It allows frontend developers to develop components in isolation and it captures functional test scenarios for each component. Let’s find out how to setup a new project created with the AEM Project Archetype for use with @storybook/aem. These steps will … Continued

Getting Started with a 3D React Workflow

By

/ Categories: Web Development

Dependencies Gatsby & Sass plugin ThreeJS React-Three-Fiber Zustand   Environment setup Let’s start with a Gatsby boilerplate project. Go into command line of your favorite directory and type: gatsby new my-hello-world-starter https://github.com/gatsbyjs/gatsby-starter-hello-world After installation, let’s add our needed dependencies to our project: cd my-hello-world-starter
 yarn add three react-three-fiber zustand && yarn add node-sass gatsby-plugin-sass -D … Continued

Introspection Fragment Matching in GraphQL

By

/ Categories: Web Development

GraphQL helps empower the front-end developer to be able to retrieve data from a single endpoint with ease. By utilizing the query function, we can receive data stored remotely through a JSON-like structure. Since GraphQL prioritizes speed and ease of setup, there are some features that you will need to pass to your GraphQL client … Continued

sass

Empower Your Front End Development With Sass Mixins

By

/ Categories: Web Development

Thanks to modern CSS preprocessors such as Sass and Less, writing CSS is exponentially more efficient, organized and powerful. Sass mixins are one feature of Sass that can greatly enrich a front end developer’s styling process. Sass mixins are CSS functions with reusable functionality that can be included anywhere in Sass files. This blog post … Continued

Couple unable to see mobile device screen because of disability and sun glare.

Accessible?

By

/ Categories: Web Development

The dream of an inclusive web The internet is built for people, and one of the fastest growing areas of web development is that of accessibility. Fueled in part by a steady growth of lawsuits, a realization that there is a large underserved segment of internet users, and some seeing a commitment to good accessibility … Continued

Apache SSI in Adobe Experience Manager

By

/ Categories: Web Development

Apache Server Side Includes (SSI) are a way to mix cached secured, secured, and dynamic content on the same page without the end user knowing the difference. This is accomplished by having a tag in the form of a specialized HTML comment in the markup of the page that your Apache web server will replace … Continued

Accessibility tips for modern Web Development

By

/ Categories: Web Development

What is Web Accessability? Web Accessibility is the process of making your website accessible and removing barriers of use to those with a range of disabilities. Someone with a disability may use assistive technologies such as a screen reader to access your website if they are visually impaired, or require additional support to consume your … Continued