
A curious and problem solving mind which has helped fintech, ed-tech and now energy market teams to better there UI journey with the help of exceptional work ethics and dedication on products.
Senior Software Engineer 2
ZopperSenior Software Engineer
ZopperSoftware Developer ( Frontend )
Customized Energy SolutionsSoftware Developer
Creaxt Inc.Frontend / User Interface Designer
Creaxt Inc.Web Developer
Clear
React

TypeScript
Node.js

Node Package Manager

Redux

Design Thinking

UX Research

Tailwind

SEO

Next.js
.png)
Jenkins
.png)
Docker
My name is Ayush, and I am currently working as a senior front-end developer at Zoper. My current experience is around 5 plus years. And I have been working at Zoper for around 6 to 5 projects, which includes 5 to 6 projects. This includes a drag and drop form builder that provides product managers and the business team to create flows and new UIs by dragging and dropping immediately. That also helps the business team to create these flows really quickly, and they can even create dashboards from it. The form is well-equipped with validations and all. We are internally using React JS and no other library is being used. For React, we are using Formic, which provides React Hook form, that provides validations and basic upload functionalities and all.
CSS grid systems can only integrate into a complex application to ensure consistency and maintainability across various modules. Okay, so CSS grid systems can be, like, basically, we can create different classes for CSS grid maintaining it consistently across the project. And the basic thing that we can do is imagine the grid as a 12-column grid, and rows can be a number of rows. We can create classes from column 1 to column 12. And then, immediately, we can reuse them across the project by defining a grid class and adding up the columns. Like, one element can flex to display how many columns into how many columns. So, that's how we can create a grid system that most designers use, such as Figma.
So for our to automate the deployment process of any single page application using Amazon Web Services, like, we can basically go with a workflow that either GitHub or Bitbucket provides us, and we can continuously verify new updates. And if you want to upload the new development and deploy the new deployment immediately, we can create the whole workflow like that. Or even we can use Jenkins as well, for the same thing or any CICD pipeline software like Jenkins. Yeah. And also, if we are using Bitbucket or GitHub, that's what we always use, so we can directly create workflows. That's a better way to streamline the process of uploading a new deployment to AWS servers. And yeah, that will almost remove all the dependency on developers or DevOps to deploy a certain project to production or any stage, like dev staging or production. But one thing that we can do here is like we can also optimize this. We can depending on the scenario and use cases. If it's a marketing website, we can use a time that could be a day and a half. The changes would deploy on a half-day basis or a time would be there because marketing websites require frequent updates to be deployed with changes for AB testing and all. But a better way for other applications like dashboards and other user-facing websites, we can add test cases as well into our workflows and pipelines and then deploy them at nighttime or any convenient time that we think our users' count is really low. And that will help perfectly for any big applications, that's how we can ignore downtimes and all. And for monitoring purposes, we can definitely use some monitoring software that are available in the market. Though, currently, I haven't used any, but yeah, we can use these as well.
Can't find some of the final condition which is returning based on user roles. Now we have to issue that. So
What was my third model used to test? Does Calabrio react? It is an application that accepts only using AWS backend services. What would be the result?
Implementing a multi-tenant front end architecture involves several steps. So, like, for implementing a highly configurable multi-tenant front end architecture, we can definitely create modular, like, we can use modularity here. The very basic thing is, there are multiple people that would be using a particular application. So, first, we can divide the front end based on the users that are there. We can use a role-based authentication system here. We can create permissions. Like, every role would get access to some particular route. We will have to bifurcate those routes and add protected and unprotected routes for those particular roles. And as well as, once the user enters the application, let's say we have an application that would be managed by, say, an Uber-like thing. So, if there is a guy who is managing all these Ubers, then the Uber application user would be one front end, and the other would be the back end, with an admin handling all these Uber Riders. So, let's say those are 2 roles we are having. Once any of them logs in to the particular role, particular dashboard or application, we would check if the user is in the role-based authentication system. So, what we can do is we can just send a business rule on the login API response where we can send the particular entity would be using. And then, according to that, after login, we can bifurcate the protected routes, like the authorized ticket routes that this user will only be able to authenticate, this authenticated user would only be able to access those particular routes that he or she is assigned to. And other than that, for implementing multiple front end architecture. And then, if we can use lazy loading for components that are not being loaded for that particular role, and that would significantly decrease the amount of load that application takes on the load time. The time would be decreased, and that's how we can definitely make it highly configurable. And also, for permission, we can add permission page-wise permissioning or feature-wise permissions. So, we can create a map of each feature, and that feature is allowed to which role. So, on the time of creating that particular role, we can just check if the screen is shared between 2 users, then it's not required.
And the CSS code went for a response from the outside. Use the CSS grid system. Identify the possible issues with the grid template column definition. Okay?
Techniques would you apply to optimize server handling? Warrior applications for enhanced SEO and performance. And so for the server side handling technique, we can
Yeah. For accessibility, I have been working with banks so very closely. And with the bank, what we face mostly is the user coming to the website and really struggling with the basic keyboard presses and other things, like if they're doing it, if any user is coming there. Now, what happens is when a user tries to enter a website, then
I have just completed.