Dhawal Patil

Hey. Hi. My name is Patel. Uh, I have completed my b in computer science and passed out in 2013. After that, I did 6 month of course, uh, where I got placed into Deepgram Infotech. So in Deepgram Infotech initial 1 year, I worked as a Uh, full shell developer where I have created various wireframe using JavaScript, check, query, HTML, CSS. And in the back end, I use a PHP framework. And, uh, after that, I work on the ecommerce website, uh, where I created various Calculators, Mac dump and the good timer calculator, uh, using, uh, HTML 5 CSS 3 and then jQuery framework. Also, JavaScript manage JavaScript I have used and also use MediaQuery and Bushtrap for responsive page creation. After that, I have developed interactive chatbot, uh, where I use Angular second framework. Uh, then I joined Technologies. So in Hexa where I have, uh, majorly work on the BFSI project. And, currently, I'm working in the CTS tech, uh, where I'm acting as a contributor. And, also, I have one additional responsibility where I'm handling 5 members of team, and the Current version I'm using of Angular is a 16 version. Thank you,

Yeah. So, yeah. So, uh, so my primary skill, uh, is Angular, uh, along with the JavaScript, HTML, file, and CSS 3. So, uh, so, uh, on the tool side on the software side. So so current development, I am working on, uh, Visual Studio Code zip tool. And then here, uh, I am for the version, uh, control, I am using the GitLab. Also, for the deployment, uh, thing and for the CICD pipeline, I'm using Jenkins, uh, tool. And, also, uh, sometime, I use, uh, the swagger. And, uh, so, actually, and, uh, uh, so the current architecture is based on the Angular sixteen. Uh, we're using the micro front end applications along with the, uh, AngularJS, uh, components. Uh, so current application is in hybrid mode. Uh, so yeah. Uh, so the operating side, uh, I'm using Linux as a operating system. And, also, uh, before use the, uh, and, uh, like, also work on the Eclipse tool. And, uh, so also use Jasmine, Karma, and, uh, protector things in my project current project.

Yeah. Yeah. So responsive design. Okay. Uh, so there are, Uh, so responsive design, uh, also I have mentioned in my introduction, uh, where responsive design I use, uh, in my most of the projects, starting from the ecommerce website where I have created various, uh, calculators, and Uh, so using the media carrier, so there are the certain bands, uh, that we can use, uh, starting from the smaller View per device, uh, maybe from the 3 20 pixel, uh, to 4 80 pixel or 4822, 620, and then 622, 980, and 982, 1280, 1280 to, uh, 1920. So There are certain bands, uh, for the all the device, uh, viewport size. So using the media query, so we can specify certain CSS that can be applicable, uh, that CSS property can be applicable to that particular band where we are adding the CSS property. So on the basis of, uh, uh, this, uh, media query, I have developed a lot of web pages And also use, uh, Boostramp framework, uh, for the responsive design, where the tailgate of, system I use most of the time, uh, to support from the mobile device to large, desktop device. So, also, there are, uh, like, uh, flex, uh, system I use from the CSS 3, uh, where it's give the good support for the

Yeah. Uh, so, Uh, when we talk about the methodology, Okay. Uh, so, currently, uh, following the agile methodology, uh, of a scrum, Where uh, so to creating the layout for the user interface, uh, so, uh, here so starting from the feature Gathering. Uh, so in the future, uh, while feature grooming, most of the time, communicate with the client, uh, with their, uh, what are the requirements and all these. And after analyzing the requirements, So starting from the, uh, creating the stories, then estimation of the those stories are entered by me only. And, uh, so after estimation, uh, so we are starting development on this feature. And, uh, in the future, after, uh, it's getting developed, uh, so writing the unit test cases and the component test cases. So for unit test cases, Use Jasmine and Karma. And for component test cases, use Cypress and Protector. Uh, apart from this, So, yeah, uh, so there are the rituals I'll, uh, followed where, uh, the grooming part is there, then the sprint planning, And, uh, retrospective after completing the sprint, uh, and all these innovation sprint appeared. And yeah. So following the

Yeah. Uh, so in my current project as well, so, So there are the cross functional teams are present, and, uh, we need to take the input from the UX team as well. Uh, so, uh, from the technical view and the technical, uh, flow, so need to, uh, get feedback from the UX Design. So we have already the conference page where we can communicate with the UX, and we can, Uh, ask some questions, uh, regarding the flows. And if, uh, there is, uh, any doubts on the designing part, So that is directly can be asked through the confluence page, uh, where, uh, all the, by using the interaction by providing the comments and then answer from those comments So that, uh, we are interacting with the, uh, functionality team. Uh, also, suppose there are some, uh, feedback from, uh, development side like, uh, the developers like me. So I, uh, usually give the suggestions, Uh, or any, uh, the good design process that we can follow and with the better approach so that, Usually, uh, given by me as a developer and, uh, adding it into the project, uh, while development uh

Okay. So how do you use HTML and CSS? So, yeah, in my project, Uh, basically, we are creating the template, uh, using the HTML and CSS. So most of the time, I use the, HTML file features most of the time where to create a template like audio video. So all these, uh, semantic elements I've used, uh, starting of the header, content, footer, and also in the HTML Most of the APIs I've used, uh, like, geometric API, then also use the storage APIs, like a local storage. Uh, so yeah. And for the CSS, uh, to add the styling to the element. So, basically, use, uh, s CSS or SASS in the project that is a preprocessing tool. So here by using this, uh, so it is easy to, uh, give the CSS property programmatically where we can use the Various features like, uh, mixing properties and, Yeah. So it is better to, uh, use a problematic way to give the CSS. And yeah. So the developers from the UI design. So according to developers. Yeah. So after creating the, this layout. Uh, so need to validate it from the UX team. So that is handled by me only. Yeah.

Okay. So if you if we see about the user experience, uh, so there should be the minimum clicks, to perform any task so that, uh, user will have the fun while interacting our system, Uh, rather than doing so much interaction on or button clicks, uh, on the, uh, web power application. So likewise, for example, uh, so in my current project as well, there is a couple of, uh, tasks are present. And to for the common operation, so we can, uh, group, uh, the similar, uh, task together, And we can add a particular operation to those to those tasks. There can be the 5 or 10 or, like, a 100 tasks. But If we go through the 1 byte 1 task at a time, uh, to select any operation, uh, so it will be the tedious job to, uh, for the user. So we can reduce that thing, and we can provide a such a way, uh, the our application in such a way that, uh, we can, uh, means, uh, we can group all these tasks together. And by grouping, uh, these tasks, so we can add the common operation. So there will be, like, 3 to 4 interaction that that to We are having, like, uh, uh, 30 to 40 clicks. Uh, so, yeah, that we definitely so user also We'll perform a task very fast, and there can be the, uh, minimal uh

Yeah. If we go with the colors, uh, schemes, uh, in the UI design and Okay. So every system, every website has its own, uh, color system as per his band, branding and as per his logo. Uh, so yeah. So, likewise, in the Axis Bank, there is a, uh, Uh, red color of theme and, uh, so on. So this, we can manage, uh, using the SCSS, ISSS, uh, CSS scripting Size a side where we can give a particular color scheme. Uh, so we can take a particular variable, and that variable, we can use our application. So if you want to change the color theme, so we can directly change in the 1 file, uh, if it's a variable, and it will impact it will change in, uh, throughout our application. So, basically yeah. So this is the color scheme, uh, where the we can give a similar color scheme with the, uh, changes in the shades. So that is also we can

Yeah. Uh, so there can be the technical challenges, uh, where the, From the development side, uh, where we, Technicians, uh, challenge in the sense of, uh, while coding or while, uh, implementing the business logic. So that thing is common, uh, while implementing. Uh, so So for the if we if I speak about the specific example, uh, so starting from what I have mentioned earlier as well. So, uh, so using the, uh, drag and drop functionality so HTML 5 gives us the, uh, diagram of functionality. But there is also a certain limitation that, uh, we can, uh, mean, Having a limitation there, uh, we can't, uh, give much more, uh, feasibility, uh, to that functionality. So that technical challenges, we can share with the, uh, client, and we can give the another approach, uh, would uh, which will be agreed from the development side as well as the client

Yeah. So we can yeah. Ensure that our UI design is Intuitive and user friendly. Uh, so as I already mentioned, so user friendly wise, there should be the Minimal clicks, so he so user cannot be, uh, irritated with while interacting and the performance of system should be very smooth, uh, to handle the user friendly application. Uh, so, Yeah. That way, we can

Interaction wise, uh, yeah. Everyone use the animation in your yeah. So animation part, yeah, so much, uh, animation I use In my in development, uh, yeah, of UI. So, like, there is a count count up, Uh, animation I use, uh, line sliders use. So there is a, uh, plugins also present so that I also integrated in a couple of my projects and also in Angular UI. So the UI rich elements is providing us the ready made, components that we can directly use. Uh, for example, like, a slider also we can use. Or, Uh, in couple of my project, I use it. Uh, I have created it by my manually. Also, animation. Yeah. So the impact while it's easy to choose a value, So if there is a minimum and maximum to use the slider, uh, so that we can do.