Modern authentication systems are moving beyond passwords. With the rise of passwordless authentication, One-Time Passwords (OTPs) delivered over email or SMS are becoming a trusted standard for secure and seamless user logins. However, implementing an OTP-based login mechanism that is scalable, reactive, and audit-compliant requires more than a simple verification
The Problem Enterprise applications that export Excel reports with embedded documents face a critical security challenge. The straightforward implementation exposes internal system identifiers: https://app.example.com/api/document/12345/view?tenantId=67890 This reveals: * Internal document IDs (12345) * Tenant identifiers (67890) * API structure and endpoints Once Excel files are
Commands * mongod - start mongo db server instance * mongo - start mongo db command prompt to execute commands * show dbs - show databases * mongoimport -d [DATABASE_NAME] -c [COLLECTIONS] --file [FILE_NAME] - import into database and collection from file * mongoexport -d [DATABASE_NEM] -c [COLLECTIONS] --out [FILE_NAME] -
The react-native-document-picker library is a React Native module that allows users to select documents (or files) from their device storage. This can include various types of files, such as images, videos, PDFs, audio files, and other types of documents, depending on the platform (iOS or Android). The primary use case
Git Commands * which git * git --version * vi /etc/gitconfig * vi ~/.gitconfig : user level git config file * vi [PROJECT_PATH]/.git/config : project level git config file * git config --system : system level configuration * git config --global : user level configuration * git config : project level configuration * git config --global user.name "[NAME]
Basic commands * su: login as super user (e.g. root) * pwd: current directory * ls: list files * ls -l: list files with detail info * bunzip2 [FILE_NAME]: decompress file at same location * cp [FILE_1] [FILE_2]: copy file1 to a file called file2 * mv [FILE_1] [FILE_2]: (move) rename
ETL (Extract, Transform, Load) ETL (Extract, Transform, Load) is a fundamental process in databases and data warehousing used to move and process data from one system to another. It consists of three main steps: 1. Extract – Retrieve data from multiple sources (e.g., databases, APIs, files). 2. Transform – Clean, filter,
Firebase Cloud Messaging (FCM) is a service that allows you to send notifications and messages to users across platforms like iOS, Android, and the web.This guide will walk you through how to set up Firebase Push Notifications in a React Native app for Android. Prerequisites * A React Native project
Steps to solve this issue: 1. Android Build Configuration Updates 2. Updates to package.json Dependencies 3. Kotlin Version Update in @react-native/gradle-plugin: Another file that was modified is the patch file for @react-native/gradle-plugin: To know more about this issue
Understanding the Role of System and Common Projects * Common Project: For shared things that multiple projects can use (like tools, reusable code, or common settings). Example: Same DTOs, enums, or helper functions used everywhere. * System Project: For things specific to one application (like custom logic, workflows, and configurations). Example: APIs,
In this blog, we will explore how to create a robust system for describe image into meaningful word descriptions using Kotlin and Spring Boot. This process integrates modern tools and frameworks like AI APIs (Gemini, ChatGPT), Redis caching, and reactive programming. Step 1: The Controller The controller exposes an API
Liquibase is a powerful database schema evolution tool that integrates excellent with Spring Boot projects. In this guide, we'll walk through the process of configuring Liquibase in a Spring Boot application using Kotlin and Gradle. Step 1: Add Dependencies dependencies { implementation("org.springframework.boot:spring-boot-starter-data-jpa") implementation(
![Error-05: Execution failed for task ':app:configureCMakeDebug[arm64-v8a]', (Android specific).](/content/images/size/w600/2024/09/debuggError.jpg)
Fixing Android Build Issues: 1. Open Terminal. 2. Navigate to the Android Folder: 3. Delete Gradle, CMake build artifacts, and the build folder: After Running These Commands 4. Rebuild the Project: Once you’ve cleaned up the old build artifacts, you can rebuild your project using the following command: 5.
Steps to fix this issue: 1. Navigate to node_modules/native-base/src/core/NativeBaseProvider.tsx . 2. Delete <SSRProvider></SSRProvider> that wraps {children}. Take care not to delete {children}. 3. Remove SSRProvider imports. That is, `delete this line import { SSRProvider } from '@react-native-aria/utils'; 4. Now,
Term PPAP Production Part Approval Process ICA Interim Corrective Action PCA Preventive Corrective Action FMEA Failure Mode and Effects Analysis PPM Parts Per Million APQP Advanced Product Quality Planning QNCR Quality Non Confirmity Report NCR Non-Conformance Report CAPA Corrective and Preventive Actions RCA Root Cause Analysis
Open the Spring initializer https://start.spring.io/; Steps Version Select the Project Gradle -Kotlin Select the Language Kotlin Select Spring Boot Version 3.2.0 Steps Version Group Name Com. example Artifact Name demo11 Name demo11 Project Description Demo Project for Spring WebFlux and Netty Steps Version Package Name
Step 1] Install Tailwind CSS Install tailwindcss via npm, and create your tailwind.config.js file. npm install -D tailwindcss npx tailwindcss init Step 2] Configure your template paths Add the paths to all of your template files in your tailwind.config.js file. /** @type {import('tailwindcss').Config}
Install the library using npm i react-native-config After installing library create .env file at the root of your project with following code # DEV, STAGE, PROD APP_PROFILE=DEV API_BASE_URL=http://10.0.1.32:6055/health-tracker TENANT_ID=health-tracker By plugin this config library we have to manually
n CSS (Cascading Style Sheets), you can control the style of borders around HTML elements using the border-style property. The border-style property allows you to specify the style of each side of an element's border. You can apply different border styles to the top, right, bottom, and left
In this article, we are going to see the difference between flatmap and map in Kotlin via the sample code. Let’s first create Data class in Kotlin having a list of items in the constructor: data class Data( val items: List<String> = listOf() ) Now, in the function
* Valtio is a state management library for React applications. * Valtio library is easy to use better than useSate hook. Steps valtio 1. Install the Valtio library in your React project using a package manager like npm or yarn. 2. Create a proxy object using Valtio to represent your application'
HTTP Status Code refers to a 3-digit code that is part of a server's HTTP Response. The first digit of the code describes the category in which the response falls. Code Status Description 100 Continue The server has received the initial part of a request and is ready
1. @Controller Annotation This annotation provides Spring MVC features. It is used to create Controller classes and it handles the HTTP requests. 2. @RequestMapping Annotation This annotation is used to map the HTTP requests with the handler methods inside the controller class. 3. @RestController Annotation This annotation is used to
* What is Navigation ? * In React.js, navigation typically refers to the process of moving between different parts of your application based on user actions, such as clicking a link or submitting a form. * React doesn't have built-in support for routing (navigation between different pages or views), so developers
React Suspense - * What is React Suspense? The suspense component is required to wrap lazy components in programming. It takes a fallback property that accepts the react elements to render while the lazy component is being loaded.With react suspense, components may pause rendering while they wait for an asynchronous
Spring Boot 3 Migration- Migrate Spring Boot 2 To Spring Boot 3 · STEPS : 1. Change the spring boot version:In build.gradal.kt id("org.springframework.boot")version "2.7.18" >> id("org.springframework.boot") version "3.1.5" id(
The connect() function is redux is a way to connect React component to the Redux store. It allows the component to read data from the store and dispatch actions to the store to update the state. It does not modify the component class passed to it; instead, it returns a
Encountering the "No Bundle URL Present" error is a common hurdle faced by React Native developers. This error typically occurs when attempting to run the application using npx react-native run-ios/android without the Metro server being active. The Metro server is responsible for bundling JavaScript code and serving
What is a Set? · A Set is a collection that holds only unique elements. · Each element appears only once, with no duplicates. · Useful for storing items where you need to ensure no repeats. · Different from lists, which can have duplicate elements. Example: Output:
What is asynchronous Programming? * Asynchronous programming is a method of parallel computer programming that enables a process to run separately from the primary function of the program. * Once the process completes, it communicates this information and may impact the primary function. * Asynchronous programming often helps reduce or prevent wait times
* What exactly is Closure in JavaScript? * Closures are functions that refer to independent (free) variables. In other words, the function defined in the closure ‘remembers’ the environment in which it was created. * In other words, a closure gives you access to an outer function's scope from an inner
What is meant by generator Function? A generator function is a special type of function in JavaScript that allows pausing and resuming its execution during runtime. Generator functions are defined using the function* and they use the yield keyword to pause the function's execution and produce a value.