Frontend Developer - React.js & Next.js

KUMAR D

Frontend Developer · React.js · Next.js ·

+91-637******* · *****.*************@*****.*** · linkedin.com/in/kumard · github.com/udhayakumarcr7 · Madurai, Tamil Nadu

Professional Summary

Results-driven Frontend Developer with 4+ years of experience architecting and delivering scalable, high- performance web applications using React.js, Next.js, . Demonstrated expertise in component-based architecture, state management, performance optimisation, and secure coding across enterprise, fintech, and e-commerce domains. Proven record of reducing development time by 25%, improving page load performance by 30%, and shipping production-grade applications in Agile environments. Skilled in integrating payment gateways, third-party APIs, and compliance standards including GDPR and AES-256 encryption. Technical Skills

Languages: JavaScript (ES6+), TypeScript

Frontend Frameworks: React.js, Next.js, Redux Toolkit, Context API UI & Styling: HTML5, CSS3, SCSS/SASS, Tailwind CSS, Bootstrap, Material UI (MUI) API & Data Handling: REST APIs, Axios, Fetch API, JSON, WebSocket Performance Optimisation: Lazy Loading, Code Splitting, Memoization, Image Optimisation, Core Web Vitals

(LCP, FCP, CLS), Lighthouse, Google PageSpeed Insights Security & Auth: AES-256 Encryption (CryptoJS), JWT, RBAC, GDPR Compliance, Secure Coding Animations: GSAP, Framer Motion

Testing & Debugging: Jest, React Testing Library, Chrome DevTools, Error Boundaries Tools & Platforms: Git, GitHub, Azure, VS Code, Postman, Swagger, JIRA AI-Assisted Development: GitHub Copilot, Augment Code, ChatGPT (Code Suggestions, Refactoring, Debug- ging)

Core Concepts: Component-Based Architecture, Responsive Web Design, Cross-Browser Compatibility, SEO, Accessibility (a11y), Agile/Scrum

Professional Experience

Frontend Developer

Feb 2022 – Sep 2026

Technogenesis Software Solutions, Madurai

• Developed and maintained scalable, high-performance web applications using React.js and Next.js, delivering responsive and production-ready UIs for enterprise and customer-facing platforms.

• Built a library of 40+ reusable, modular UI components in React.js and TypeScript, reducing feature development time by 25% and ensuring design consistency across products.

• Optimised application performance using lazy loading, code splitting, memoization, and image optimisation, improving overall page load speed by 30%.

• Integrated and managed RESTful APIs using Axios and Fetch API with efficient state handling, dynamic rendering, and robust error management for real-time applications.

• Implemented secure frontend practices including AES-256 encryption (CryptoJS), secure authentication workflows, and GDPR-compliant data handling across fintech and donation platforms.

• Developed responsive, cross-browser-compatible UIs with Tailwind CSS, Material UI, Bootstrap, and SCSS, ensuring seamless experience across all device types.

• Built admin panel modules including job posting management, contact request management, and dynamic content workflows for corporate websites and enterprise applications.

• Implemented Role-Based Access Control (RBAC) and permission-based navigation for secure access management across ATS and enterprise-level platforms.

• Improved Core Web Vitals (LCP, FCP, CLS) using Lighthouse audits, PageSpeed strategies, and Next.js SSR/SSG — achieving green scores on key pages.

• Collaborated in Agile/Scrum environments with backend, design, and QA teams; managed delivery using Git/GitHub and JIRA.

Projects

Thambraas — Fundraising & Donation Platform

Tech Stack: React.js, Tailwind CSS, Material UI (MUI), Stripe, CryptoJS, QuickBooks API

• Built a full-featured donation platform with a public-facing website and a secure, role-protected admin panel enabling end-to-end campaign lifecycle management.

• Admin panel handles campaign request workflows, donor record management, commission tracking, and donation approval pipelines with real-time operational oversight.

• Integrated Stripe Payment Gateway for online donations — webhook handlers cover payment confirmation, refund flows, and transaction status tracking.

• Connected QuickBooks API for automated accounting, real-time financial reporting, ledger syncing, and commission calculation without manual data entry.

• Applied AES-256 encryption (CryptoJS) with field-level encryption on PII and financial records before transmission and storage.

• Implemented GDPR-compliant consent management — cookie banners, opt-in/opt-out preferences, and data deletion workflows.

• Built automated tax receipt generation for donors and configurable admin commission workflows with full audit trail logging.

ATS Platform — Talentify

Tech Stack: Next.js, TypeScript, Tailwind CSS, REST APIs, JWT

• Architected a scalable Applicant Tracking System (ATS) in Next.js and TypeScript with modular UI, supporting multi-step hiring workflows from job posting to offer letter.

• Built applicant management modules: resume parsing views, candidate status tracking, interview scheduling, and hiring pipeline dashboards with filterable, paginated tables.

• Implemented RBAC using JWT tokens and protected route middleware — ensuring role-appropriate access for recruiters, hiring managers, and admins.

• Developed job posting management with syndication to external job boards via REST API integrations, reducing manual effort and increasing listing reach.

• Built an internal team chat module linked directly to candidate profiles for context-aware recruiter–hiring- manager communication.

• Optimised data-heavy views using virtualization, React.memo, useMemo, and debounced search to maintain smooth UI performance at scale.

• Enforced TypeScript strict mode across all modules, reducing runtime errors through strong interface contracts and type guards.

FinTech Application — Accupayd

Tech Stack: React.js, Material UI, SCSS, CryptoJS, REST APIs

• Built a secure, responsive financial management UI for transaction processing and rental payment systems, following fintech UI/UX and compliance standards.

• Applied AES-256 encryption (CryptoJS) to account numbers, transaction amounts, and user PII — ensuring end-to-end data security.

• Implemented real-time payment tracking via REST API polling and optimistic UI patterns, giving users instant transaction-state feedback.

• Developed reusable form components with client-side validation, reducing input errors and enforcing data integrity before API submission.

• Followed PCI-DSS aligned practices: input sanitisation, HTTPS enforcement, and secure token storage. E-Commerce Platform

Tech Stack: React.js, Bootstrap, SCSS, Payment Gateway API

• Built a complete e-commerce flow: product catalog, dynamic cart, checkout, and order confirmation — from discovery to post-purchase.

• Developed advanced filtering, multi-attribute sorting, and keyword search using React state and URL query params with deep linking and shareable filtered views.

• Integrated a third-party payment gateway for secure checkout with proper success/failure handling and order state updates.

• Ensured fully responsive layout with Bootstrap grid and custom SCSS breakpoints across mobile, tablet, and desktop.

Corporate Website — Technogenesis Official Website Tech Stack: Next.js, TypeScript, Tailwind CSS, GSAP, Framer Motion, REST APIs

• Built the official Technogenesis website in Next.js + TypeScript with SSR architecture for maximum SEO discoverability and fast initial page loads.

• Achieved green Core Web Vitals (LCP, FCP, CLS) via Next.js Image optimisation, font subsetting, code splitting, and SSG for key landing pages.

• Implemented a Post/Careers section with a CMS-driven API — allowing non-technical staff to publish, edit, and remove job listings without code changes.

• Built a Contact Request Management module: structured form with validation, REST API routing of enquiries to an internal admin dashboard for tracking and follow-up.

• Developed a Job Management admin layer — HR teams can create, update, publish, or archive postings with status control, role tagging, and deadline management.

• Delivered rich UI animations with GSAP (scroll-triggered timelines) and Framer Motion (page transitions, component entrances) for a polished brand experience.

• Integrated dynamic content APIs for service listings, team profiles, and news sections, keeping all content current without static hardcoding.

• Ensured WCAG a11y compliance: semantic HTML, ARIA labels, keyboard navigation, and sufficient colour contrast ratios.

Achievements

• Best Find of the Year — 2022: Recognised by leadership for exceptional rapid onboarding, strong problem- solving, and immediate measurable impact within the first quarter.

• The Shining Star Award: Awarded for outstanding individual contributions, consistent delivery of high-quality frontend solutions, and going beyond assigned scope.

• Super Squad of the Year — 2023: Team award recognising exceptional cross-functional collaboration and delivery of complex projects within tight timelines. Education

Bachelor of Engineering — Electronics & Communication (ECE) 2016 – 2020

St. Mother Theresa Engineering College, Tuticorin

Contact this candidate