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%
The ::before and ::after pseudo-elements are incredibly versatile tools in the CSS toolkit. They allow you to insert content onto a page without it needing to be in the HTML. The ::before selector inserts something before the content of each selected element(s). The ::after selector inserts something after the
What is a Test Link? TestLink is an open-source test management tool that is used for project management, bug tracking, and test management. It is a web-based tool that allows you to create test projects and document test cases with ease. TestLink supports both manual and automated testing, and it
Optional chaining is also known as Null Safety. The optional chaining (?.) operator accesses an object's property or calls a function. If the object accessed or function called using this operator is undefined or null, the expression short circuits and evaluates to undefined instead of throwing an error. Syntax:
Mantis Bug Tracker is a free and open source, web-based bug tracking system. The most common use of Mantis Bug Tracker is to track software defects. Advantages of Mantis Bug Tracker : 1) It is open source tool 2) Mantis supports multiple user access projects per example. 3) Email notification to
Storing data in external resource, fetching data from external resource and utilizing in test script. External resource can be 1) property file 2) Excel sheet 3) Data Base Advantages of Data Driven Testing : 1) Allows to test application with multiple sets of data values during Regression testing. 2) Test data