profile-pic
Vetted Talent

Pavan krishna teja

Vetted Talent

I have experience of 6.5years as a React Js developer.As a senior frontend developer, my role revolves around the development of interactive user interfaces, ensuring seamless user experiences, and implementing responsive designs. I collaborate closely with designers and backend developers, utilizing my expertise in HTML, CSS, JavaScript, and modern frontend frameworks to create scalable and performant applications. Additionally, I stay up-to-date with industry trends and best practices to drive innovation in frontend development.

  • Role

    Front End Developer

  • Years of Experience

    6 years

Skillsets

  • Windows
  • Git
  • HTML5
  • JavaScript
  • Material UI
  • Postgre SQL
  • Python - 4 Years
  • Type Script
  • Ubuntu
  • Visual studio Code
  • ES6
  • Gatsby js
  • Webpack Module Federation
  • Singlespa
  • Spring tool suite
  • React Js - 6 Years
  • Restful APIs - 5 Years
  • SCSS - 6 Years
  • Java - 4 Years
  • Spring Boot - 4 Years
  • State management - 6 Years
  • React Js - 5 Years
  • React Js - 6 Years
  • HTML - 6 Years
  • SQL
  • Django - 4 Years
  • Next Js - 4 Years
  • Type Script - 4 Years
  • react - 6 Years
  • Redux - 6 Years
  • JavaScript - 6 Years
  • Rest APIs - 5 Years
  • Jest - 5 Years
  • Next Js - 3 Years
  • React Js - 6 Years
  • webpack - 5 Years
  • CSS - 6 Years
  • Ant Design
  • C

Vetted For

12Skills
  • Roles & Skills
  • Results
  • Details
  • icon-skill_image
    Senior Full Stack Engineer (React/Next.js & Django/Python) - REMOTEAI Screening
  • 61%
    icon-arrow-down
  • Skills assessed :Ci/Cd Pipelines, Communication Skills, SDLC, HTML5/CSS3, Next Js, PostgreSQL/MySQL, react, Restful APIs, AWS, Django, JavaScript, Python
  • Score: 55/90

Professional Summary

6Years
  • Nov, 2023 - Present2 yr 7 months

    SENIOR SOFTWARE ENGINEER

    Collabera digital
  • May, 2021 - Oct, 20232 yr 5 months

    SENIOR ASSOCIATE TECHNOLOGY

    Synechron Technologies
  • Jun, 2020 - May, 2021 11 months

    Software Developer

    Frontier Techworks
  • May, 2018 - Mar, 2019 10 months

    Associate Software Developer

    Sri TrimurthyAeromarine services
  • Apr, 2019 - May, 20201 yr 1 month

    Software Developer

    Vedic Bharat Technology Solutions

Work History

6Years

SENIOR SOFTWARE ENGINEER

Collabera digital
Nov, 2023 - Present2 yr 7 months
    Vendorcompliance is a module of lowes e commerce application where we calculate the different fines for vendors if they does not supply the materials ontime and also the quantity supplied is not as per the requirement. Design and develop end to end ReactJS application for vendors ,mobile and desktop applications. Test driven development using Jest and React testing libraries. Follow Agile based processes to build application in Sprints. Technologies Used: Reactjs, Redux, Storybook, Bootstrap, HTML5, CSS, Styled Components, Webpack Module Federation, Jest, React test, Rest api, Java, Spring

SENIOR ASSOCIATE TECHNOLOGY

Synechron Technologies
May, 2021 - Oct, 20232 yr 5 months
    Banca Omni is a global Wealth Management platform providing customers and Relation Managers a unique experience of building Investment portfolio, Payments and reports. This application is built to serve for Singapore and Hongkong countries on mobile, iPad and desktop mediums. Design and develop end to end ReactJS microfrontends for Front Office SC Mobile App and IBanking desktop applications. Test driven development using Jest and React testing libraries. Follow Agile based processes to build application in Sprints. Technologies Used: Reactjs, Redux, Storybook, Bootstrap, HTML5, CSS, Styled Components, Webpack Module Federation, Jest, React test, Rest api, Java, Spring

Software Developer

Frontier Techworks
Jun, 2020 - May, 2021 11 months
    Emmora.de is an german website that offers various services related to funerals such as planning the entire funeral ceremony digitally and also provides various articles about the steps to be taken to handle the funeral ceremony. Interface and Coding, making rules for coding conventions and documentation UI Development using HTML, CSS , Java script, React Js, Redux ,Graphql,Next JS Collaborating and co-developing with Application UI Developer. Environment: Graphql,Gatsby,React Js,Contentful, Next Js.

Software Developer

Vedic Bharat Technology Solutions
Apr, 2019 - May, 20201 yr 1 month
    Staff Joy project is an employee scheduling application. This application helps in assisting the management of a company to add employees in their organization and allocate shifts for each of them or collectively based on location and designation. It also calculates the wages to be paid for an employee for a week and the wages to be paid according to designations and locations. Interface and Coding, making rules for coding conventions and documentation UI Development using HTML, CSS , Java script, React Js, Redux saga and Ant Design. Collaborating and co-developing with Application UI Developer. Environment: Java, Spring, Postgres, ReactJs, Windows 10, ES6, Antd Framework, Redux Saga,Tomcat.

Associate Software Developer

Sri TrimurthyAeromarine services
May, 2018 - Mar, 2019 10 months
    Material Management System can be defined as planning, coordinating and controlling the flow of various activities. This system helps assist in the daily task of inventory management and material management by its various modules such as Administration, General Master, Stores Master, Purchase Master and Reports. Material Management System suites ideally for all size industries that are looking for a complete system which helps them with the taking of large quantities of items and bulk materials for production. This system targets the companies that mainly deal in the sectors of Manufacturing, Production and Logistics. The system helps incorporate and automate all the processes related to the management of materials which include materials planning and control, production planning, purchasing, inventory control, materials and stock maintenance, quality control, sales management, warehouse management and logistics management. Interface and Coding, making rules for coding conventions and documentation UI Development using HTML, CSS , Java script, React Js, Redux and Material UI. Collaborating and co-developing with Application UI Developer. Environment: Java, Spring, DB2, ReactJs, ES6, Antd Framework, Redux.

Major Projects

5Projects

vendor compliance

Nov, 2023 - Present2 yr 7 months
    Vendorcompliance is a module of lowes e commerce application where we calculate the different fines for vendors if they does not supply the materials ontime and also the quantity supplied is not as per the requirement. Design and develop end to end ReactJS application for vendors ,mobile and desktop applications. Test driven development using Jest and React testing libraries. Follow Agile based processes to build application in Sprints. Technologies Used: Reactjs, Redux, Storybook, Bootstrap, HTML5, CSS, Styled Components, Webpack Module Federation, Jest, React test, Rest api, Java, Spring

BancaOmni

May, 2021 - Oct, 20232 yr 5 months
    Banca Omni is a global Wealth Management platform providing customers and Relation Managers a unique experience of building Investment portfolio, Payments and reports. This application is built to serve for Singapore and Hongkong countries on mobile, iPad and desktop mediums. Design and develop end to end ReactJS microfrontends for Front Office SC Mobile App and IBanking desktop applications. Test driven development using Jest and React testing libraries. Follow Agile based processes to build application in Sprints. Technologies Used: Reactjs, Redux, Storybook, Bootstrap, HTML5, CSS, Styled Components, Webpack Module Federation, Jest, React test, Rest api, Java, Spring

Emmora.de

Jun, 2020 - May, 2021 11 months
    Emmora.de is an german website that offers various services related to funerals such as planning the entire funeral ceremony digitally and also provides various articles about the steps to be taken to handle the funeral ceremony. Interface and Coding, making rules for coding conventions and documentation UI Development using HTML, CSS , Java script, React Js, Redux ,Graphql,Next JS Collaborating and co-developing with Application UI Developer. Environment: Graphql,Gatsby,React Js,Contentful, Next Js.

Staff joy

Apr, 2019 - May, 20201 yr 1 month
    Staff Joy project is an employee scheduling application. This application helps in assisting the management of a company to add employees in their organization and allocate shifts for each of them or collectively based on location and designation. It also calculates the wages to be paid for an employee for a week and the wages to be paid according to designations and locations. Interface and Coding, making rules for coding conventions and documentation UI Development using HTML, CSS , Java script, React Js, Redux saga and Ant Design. Collaborating and co-developing with Application UI Developer. Environment: Java, Spring, Postgres, ReactJs, Windows 10, ES6, Antd Framework, Redux Saga,Tomcat.

Material Management Systems

May, 2018 - Mar, 2019 10 months
    Material Management System can be defined as planning, coordinating and controlling the flow of various activities. This system helps assist in the daily task of inventory management and material management by its various modules such as Administration, General Master, Stores Master, Purchase Master and Reports. Material Management System suites ideally for all size industries that are looking for a complete system which helps them with the taking of large quantities of items and bulk materials for production. This system targets the companies that mainly deal in the sectors of Manufacturing, Production and Logistics. The system helps incorporate and automate all the processes related to the management of materials which include materials planning and control, production planning, purchasing, inventory control, materials and stock maintenance, quality control, sales management, warehouse management and logistics management. Interface and Coding, making rules for coding conventions and documentation UI Development using HTML, CSS , Java script, React Js, Redux and Material UI. Collaborating and co-developing with Application UI Developer. Environment: Java, Spring, DB2, ReactJs, ES6, Antd Framework, Redux.

Education

  • B.E(MECHANICAL ENGINEERING)

    S.R.K.R ENGINEERING COLLEGE (2023)
  • INTERMEDIATE(M.P.C)

    MATRIX IIT ACADEMY (GUNTUR) (2014)
  • B.E(MECHANICAL ENGINEERING)

    S.R.K.R ENGINEERING COLLEGE (BHIMAVARAM) (2018)
  • MATRICULATION

    BHASHYAM PUBLIC SCHOOL(GUNTUR) (2012)

Interests

  • Playing musical keyboard
  • Reading Books
  • Meditation
  • AI-interview Questions & Answers

    My name is. I have 6.5 years of experience in the IT industry. So I have experience in both front end and back end as well. So coming to front end, I have a good experience in React JS, HTML, CSS, JavaScript, React, and Redux, TypeScript as well. And I have worked on micro front ends also. And I have good experience in Python, Django. With this, I have worked on building a few applications in Python and created various SQL APIs and all. So yeah. Over the past 6 years, I have been working in multiple technologies and created multiple projects and worked with various international clients like Standard Bank and Lowe's and created various applications like insurance products and vendor compliance products and human resource management systems and also worked in a German-based startup in which I worked on GraphQL and Gatsby to build a blog website. So this is all about myself. Thank you.

    So to build a React JS dashboard, I will use reusable components. In the dashboard, there will be various reasonable widgets. I create separate components for each particular section. Each particular component will be used as a single component on the main screen. In this way, I can create a customizable dashboard by using React JS and Nexus as well. So, basically, for suppose if we have some tables and also we have some data and all, and also we will have some user information. I will first divide all these sections into separate components. And then, once each and every component is built separately, I will entirely include all these components into a single screen. Where it meets, I will name it as dashboard and it will be inside the main screen. To enhance this dashboard screen with NextOS features, I will use NextOS file-based routing. In NextOS, I can create a folder and create a file inside a particular folder so that this file will be treated as an individual route. If I name it as dashboard or JS, it will directly come on the UI like with the URL dashboard. And I can show the UI whatever is inside the dashboard JS file as a dashboard page. This is what I do when I need to create a dashboard and all. Yeah.

    So, basically, next year, usually, next year, what happens is, while the build time, the APIs for a particular screen get called, and all the data is entered into the application there itself. So based on that, our application UI is getting rendered on the server side itself. We use features like get dynamic props in excess. By utilizing this hook, we can make an API call at build time and create a static page. In case we require generating dynamic content based on daily updates, we can use the get dynamic props hook to fetch the data whenever required. So, yeah, I will go ahead with this approach. Thank you.

    So by utilizing the context API and hooks, if I need to maintain the state across various components, I will go with this approach. Like, basically, with the context API, I'll create all the context required for state management, and then I will create the React hooks. So, basically, this context will wrap my context onto the app's main app.js file. So what are the values I need to pass into the app? I can send the values to this wrapper. So once I wrap and send the values, I can get access to the values in all the components, which are the child components of the main app component. In this way, I can get all the required data from the parent component, which is wrapped inside a context wrapper. So yeah.

    To manage session state one second. So if it's load balanced, the React application with a Django back end. So, basically, I will go with setting up a Django session management. So, in Django, we can enable session management. Django provides a framework in which we can save session data on the server side. And, users contain the session ID on the client side. We can also have authentication middleware for Django. So, we need to ensure that Django's session and authentication middleware are enabled. We also need to take care of Django's middleware. In this way, we can use Django's middleware to authenticate all the sessions. We can also use the Django REST framework for API endpoints. So, we need to install Django REST framework. This is used to build API endpoints for handling authentication, such as login and logout. We can use PIP install for this, like we can use the Django REST framework. This is a dependency. And then we need to create the endpoints for login and logout. We also need to set up Axios in React for API requests. To handle login and logout in React, we can use Axios, a third-party library with the endpoint we have created in the Django framework. We also need to use context for state management and session state. So, I think we can also predict routes based on the session states. So, in this way, we can create a robust way to manage our session state in a React app using a Django back end.

    To build an optimized MySQL schema, okay, to build and optimize so we can follow key steps, best to ensure our database schema is well structured and normalized and optimized for performance. So, basically, Django provides a high-level ORM that allows you to define models, which are then converted into SQL tables. So, we can define our models carefully. We need to normalize data and then avoid over-normalization. And also, we need to use appropriate field types. So, we need to map our fields to appropriate Django fields, example, care field, integer field, and text field. And we need to set indexes and unique constraints. So, we need to set primary keys. By default, Django adds a primary key, ID, to each model. So, we can specify a different field as the primary key if needed. Django will keep the ID as a primary field, but we can specify a different one. And also, we need to keep unique constraints. We need to add the unique constraint as True so that we can have uniqueness in the fields. And also, we can use Django's database options for performance improvement. MySQL supports indexing options for improving query performance. For example, you can create composite indexes in Django's meta class to optimize multi-column searches. We can use foreign keys, one-to-one fields, and many-to-many fields so that we can get while defining relationships, it will be very easy. And we can also optimize query performance with select related and prefetch related. So, select related is used for single-value relationships, such as foreign keys and all. And on the other hand, prefetch related is used for many-to-many and reverse foreign key relationships. So, in this way, we can perform the upgrade lookup for each relationship and join them in Python.

    I'm here to help with the transcript. What's the first part of the interview?

    Yeah, so basically next year's okay. So, incremental static regeneration, basically, is used to improve the performance on any of the applications using next year's. So, it allows us to statically generate and then update, like, the news content incrementally. This is a big advantage of next years. So, basically, we can improve the performance in news portals. By using ISR, the pages load very fast, and the content is served prerendered. We don't need to fetch data at the time of load or create any HTML element while loading the screen. Instead, our HTML content is rendered, like, even before the user sees the screen. We can do this from a CDN, like, content delivery networks, and so the loading speed is very high. And, also, we can get the news portals. News portals need frequently updated data. ISR allows this feature by incrementally re-rendering the data in the background. Like, after a set of intervals, the data will get updated with the latest, fresh data without requiring us to pull that data again and again. So, we can optimize the performance of our application. And, also, by serving prerendered pages, ISR reduces the load on the server. So, as it does not require on-demand server-side rendering for each request. And, also, this allows new spotters to handle a large number of concurrent users because it reduces server costs. So, basically, to implement it, we can define our pages in Excel using getStaticProps, and also we can specify revalidate interval. With the help of getStaticProps and revalidate, we can ensure this. So, basically, this is what I approve. I will go ahead with this.

    For cross-browser compatibility of a particular CSS file, there are some libraries which we can install so that by installing these libraries, it will add the webkit or hyphen webkit onto our CSS files. This particular feature will be helpful for cross-browser compatible CSS and also for cross-device compatible CSS, we can use media queries for different widths, so that it will be compatible with all the devices in which the screen is loaded on.

    I think we need to first try and save the model. So first, we need to try our machine learning model in Python, using libraries like scikit-learn and TensorFlow or PyTorch. And once the model is trained, we need to save the model in a serialized format, such as Joblib or Pickle for scikit-learn models or it's 5 for Keras, or TensorFlow models. And so we need to load this model in Django. To do this, we need to add the shared model file to our Django project. So, basically, within an appropriate directory, we can create a new folder, like models. And then we need to load the model when Django starts, like, as a global variable. So it doesn't need to be loaded for each request. So we can load the model with the Django apps, like app.apps.pi. Like, views and utility functions can be used to load this Django model. And we also need to create a prediction view. To do this, you need to define the Django view to handle the incoming request for predictions. So the view should accept the input data, often via a POST request, with a JSON payload, and use the model to make predictions on the data. So we need to implement real-time prediction logic as well. So, basically, we can use this loaded model to make predictions on data received, process the data in the format expected by the model, and also invoke the model's prediction method and send the predictions as a response to the client. So, in the last step, it's basically optional, we can use Django's built-in framework, called BRF. So it simplifies handling JSON-based API requests and responses, making it easier to set up your Django back end for API calls. Yeah. So this is basically how I do this.