Open the Spring initialize : https://start.spring.io/; Steps Version/Language Select the Project Gradle -Kotlin Select the Language Kotlin Select Spring Boot Version 3.2.0 Group Name com.example Artifact Name demo11 Name demo11 Project Description Demo Project for Spring Boot Package Name com.example.demo11 Select Packaging
In JavaScript scope and closure are two fundamental concepts, scope determines the accessibility of variables, while closures are functions that keep certain variables safe and accessible even after their original functions have finished running. Scope In JavaScript, scope defines where variables can be accessed or referenced. While some variables can
The Tab Navigator is tabbed at the bottom of the screen. It is used to switch between different route screens Bottom Tabs Navigator : The tab bar is fixed to the bottom of the screen. Each tab is linked to a screen and displays an active state when selected. By using
Login: In this Login page login is done after entering username and password. If the user is not registered then he can register by clicking on the Register link and after the registration is complete, he can login by entering the username and password. Employee: Dashboard: In the Total Calls
The car accessories app is useful for providing accessories for all TATA cars in one click. Here, you will see a list of all accessories suitable for your car. Register To Register with this app, you need to click on the register button and then need to register with your
Drawer Navigator renders a navigation drawer on the side of the screen which can be slides in and out from the left or right side of the screen. To use this navigator, install the necessary react native package by running following command npm install @react-navigation/drawer Also install dependencies using
Inventory Management is the entire process of managing inventories from raw materials to finished products, like ordering, storing, using, and selling a stock. Inventory management tries to efficiently streamline product inventories to avoid shortages or oversupply. Mobile App In the app, the user can login and check the inventory for
Steps for adding Color theme for web project Step 1: To create component style in src. Step 2: To create file called Global colors and then to add color constant shade to this file . export const WHITE_COLOR = '#FFF'; export const PRIMARY_COLOR = '#265DBB'; export const
Login: Login process is same for employee, manager, and admin. Login is done after entering Email and Password. Employee and manager can login by selecting Employee radio button and admin can login by selecting Admin radio button. Employee Timesheet: In Employee Timesheet there are four options Review, In Progress, Rejected,
Login To login into the app, one should use a phone number and password. After login user will redirect to the dashboard. Dashboard In the dashboard, the user can add patients to the list. Users can also see the calendar view. Reports Under the header Reports, the user can view
React Navigation is used for managing the transition between multiple screens. It is written in JavaScript and does not directly use the native navigation APIs on iOS and Android. * Install the required packages in your React Native project: npm install @react-navigation/native * Also installing dependencies into a bare react native
Stack Navigator used for transition between screens.When you navigate to new screen,a new screen is placed on top of stack and when you navigate back the screen is removed and render previous screen To use this navigator, install the necessary react native package by running following command npm
Login: This is the login page of stock market app. In that Login page you can enter your phone number. After entering phone number click on continue button you will get an OTP on that number and after entering the received OTP in the OTP field, click on the VERIFY
The flex property sets the flexible length on flexible items. A flex container expands items to fill available free space or shrinks them to prevent overflow. Basics and terminology: * main axis – The main axis of a flex container is the primary axis along which flex items are laid out. Beware,
Introduction of Redux Flow * Redux is a JavaScript framework for managing state in an application * Redux follows one direction flow of data. * It starts in the view.View means the item on a screen that a user sees. * If a user clicks a button or types something in. This is
CSS has several different units for expressing a length. Many CSS properties take "length" values, such as width, margin, padding, font-size, etc. Length is a number followed by a length unit, such as 10px, 2em, etc. vwRelative to 1% of the width of the viewport* vhRelative to 1%