Praveen Kumar R

Next.JS with React

• Currently working with Next.js in conjunction with React to develop web applications, leveraging the server-side rendering and routing capabilities.
• Utilized Next.js File-Based Routing and understanding of its architecture to optimize code and improve project structure.
• Implemented Server-Side Rendering with Next.js to improve initial page load times and SEO optimization.

State Management with Zustand:

• Implemented Zustand for state management in React applications, leveraging its simplicity and performance benefits.

Role-Based Permission and JWT Authentication:

• Implemented Role-Based Permission control by extracting role information from JWT tokens in the authentication process.
• Integrated Role-based Permission Logic seamlessly into React components to enforce access restrictions based on user roles.

Storybook for React Components:

• Created a Storybook to develop and testing of React Components, providing a centralized environment for component visualization and interaction.
• Utilized Storybook's features for documenting component usage, including different states and props variations.

Performance Optimization with Next.js:

• Applied Performance optimization techniques specific to Next.js, such as code splitting and prefetching, to enhance application performance and user experience.

Environment: HTML5, CSS,Scss, JavaScript, React JS, TypeScript, Next.js, Zustand, Storybook

React :

• Worked on building a new webapplication from scrath using React.js
• Have experience on architecting flow of React application.
• Created different components using React to render an element.
• Used React Query for better user experience.
• Worked using React.JS Component,Router,Table.
• Responsible for integration Third party React Libraries like (React-Redux,React-Router-DOM).
• Developed Reusable Component using React.
• Worked on Keycloak Authentication.
• Experience in working with REDUX architecture.
• Worked using React Hook Forms.
• Used React Router Dom and its hooks for better navigation.
• Used global axios interceptor for handling all the Network request .
• Usage of React Table.
• Used react hooks life cycle for better application flow.
• Used both Local and Global State in React using hooks and Redux.

Performance Optimization for React :

• Have used inbuilt hooks of react such as React memo to increase the performance.
• Implemented Loading technique for navigation.

Base Web :

• used BASE WEB UI as a css framework.
• Created customized and reusable BASE WEB UI component using React.
• used Base Web Theming to customize all design aspects to our project.
• Created a responsive UI components using css flex and grid system.

Environment: HTML5,CSS,JavaScript,React JS,React Redux,Base web

• Styled content and website layout for the user experience using CSS3 and HTML5
• Implemented responsive web design using CSS3 and Bootstrap Grid system
• Participated in day-to-day meeting, status meeting, strong reporting and effective communication with project manager and developers.

Environment: HTML5,CSS3,JavaScript,Bootstrap,JSON