NP
Standing Rank
Rank Not Available
Developer Badges
Badges Pending
Skills & Technologies
37 skillshtml5css3javascripttypescriptreact.jsnext.jstailwind cssmaterial uishadcn/uiresponsive web designaccessibility standardsprompt engineeringredux toolkitreact querycontext apirest apisjsonfetch apiaxiossupabasenode.jsexpress.jssql serverjavapythonpostgresqlgitgithubjiravercelvitebabeljestreact testing librarycypresschart.jsrecharts
Work Experience
Software Engineer
Electronikmedia
Feb 2025 - Present Kochi, India
- Developed responsive and scalable web pages for modules such as Ordering, Order History, Invoice List, Ordering Duration, and Audit Logs using React.js, Next.js, and Tailwind CSS.
- Integrated RESTful APIs for dynamic data rendering and seamless communication with backend services.
- Implemented authentication workflows and role-based access control (RBAC) for secure user access and protected application routes.
- Implemented state management using React Context API & Redux Toolkit for consistent data flow and better user experience.
- Translated Figma design mockups into functional, interactive, and mobile-friendly UI components.
- Built and optimized the application as a Progressive Web App (PWA) to enable offline access, push notifications, and app-like user experience.
- Built modular and reusable component-based architecture using React functional components and hooks, improving scalability and maintainability of the frontend codebase.
- Implemented Server-Side Rendering (SSR) and Static Site Generation (SSG) using Next.js to improve application performance, SEO, and page load speed.
- Wrote clean, modular, and maintainable code following best practices.
- Collaborated using Git workflows (branches, pull requests, and code reviews).
- Improved application performance using lazy loading, code splitting, and bundle optimization, reducing page load time and improving user experience.
- Debugged and optimized UI behavior using Chrome DevTools, network inspection, and browser performance profiling tools.
- Built interactive dashboard pages with reusable, modern UI components using React.js, Next.js, TypeScript, and Tailwind CSS.
- Designed and implemented data visualizations with Chart.js, Recharts, and React Charts to present real-time insights.
- Delivered responsive and mobile-optimized layouts for dashboards and analytics using Tailwind CSS grid/flexbox utilities.
- Implemented state management with React Query (for data fetching & caching) and Redux Toolkit (for UI & app state).
- Optimized frontend performance and scalability using efficient component rendering, state management strategies, and browser debugging tools.
- Utilized Vite, Babel, npm/Yarn for faster builds, modern tooling, and developer productivity.
- Developed and designed key website pages including Global Presence, Sectors, and Services using WordPress.
- Implemented responsive and user-friendly layouts to ensure compatibility across devices and browsers.
- Optimized website performance using Google Lighthouse and PageSpeed Insights, significantly improving Core Web Vitals and accessibility compliance (WCAG).
- Improved website loading speed through image optimization, caching, and code minification.
- Enhanced accessibility by following WCAG standards and improving semantic HTML structure.
- Maintained and updated WordPress themes and plugins for security and performance.
- Developed organizational management modules including Horizontal, Vertical, and Network charts using React.js, JavaScript, and custom CSS.
- Designed and implemented Assign Manager and Mass Transfer modals for efficient employee hierarchy management.
- Built interactive UI components with zoom, scaling, and navigation capabilities using React.js event handling and state management.
- Created a Generate Letter module with PDF, DOCX, and Email preview functionality.
- Implemented dynamic frontend elements such as custom dropdowns, forms, tables, and modals using React.js and JavaScript logic.
- Integrated React Router-based navigation for seamless multi-page onboarding and document workflows.
- Built reusable React components and followed a modular architecture approach to ensure scalability and maintainability.
- Collaborated closely with backend developers and stakeholders to deliver business-ready frontend solutions.
- Maintained clean, scalable, and readable React.js code following frontend best practices
- Built and enhanced role-based full-stack features across Super Admin, Institution Admin, Teacher, Student, and Parent workflows.
- Implemented multi-tenancy, RBAC, JWT authentication, and Supabase RLS security policies for institution-scoped data access.
- Developed and aligned UI components across modals, dropdowns, toggles, and forms for all user roles.
- Fixed role-based access control issues for courses, tests, assignments, and sessions across Teacher, Institution, Student, and Super Admin roles.
- Built and stabilized the complete notification and email pipeline for assignments, tests, sessions, grading, and due-date reminders.
- Resolved Supabase RLS policy conflicts, cron authentication mismatches, and database trigger recursion issues.
- Optimized database performance through strategic indexing and query improvements.
- Implemented and fixed AI test generation, MCQ parsing, and AI grading flows for text, PDF, and file-based submissions.
- Migrated AI models to lighter versions to reduce token usage and generation cost.
- Built large batch course generation stability with retry logic, exponential backoff, and cron-based continuation.
- Developed end-to-end student test workflows covering submission, status tracking, result visibility, and due-date restrictions.
- Implemented scheduled test publishing, automated reminders, and notification deep linking.
- Built session management features including creation, editing, cancellation, participant-scoped notifications, and Twilio video integration.
- Fixed file upload, preview, and submission flows for PDFs, DOCX, XLSX, and image formats.
- Designed and implemented student gamification features including Spin Wheel, XP, Badges, Streak, and Quest Board.
- Redesigned email notification templates with modern styling across student, teacher, and parent flows.
- Converted the project from Lovable to Claude Code using Ruflo and Graphfy agents.
- Structured AI development workflow rules and split project documentation into modular reference files.
Frontend Developer
Elite Cartons and Packaging
- Designed and developed a responsive business website using React.js and modern frontend technologies, deployed via Vercel with GitHub CI integration.
- Used v0.dev for rapid UI scaffolding and component generation, accelerating frontend development workflow.
- Implemented technical SEO improvements including meta tags, structured data, and semantic HTML to enhance search engine visibility.
- Integrated Web3Forms API for contact form submissions and automated email notifications.
- Optimized website performance using Google Lighthouse and Core Web Vitals metrics for faster loading and improved accessibility.
- Ensured cross-browser compatibility and responsive layouts across desktop, tab and mobile devices.
- Implemented unit and end-to-end testing using Jest, React Testing Library, and Cypress to ensure UI reliability and component stability.
Projects
Projects Not Populated
Personal applications, open-source work, and code repos will show here.
Leaderboard Standings
Leaderboard Position Pending
Global test scores, peer standing percentiles, and algorithm leaderboard ranks are updated dynamically.
Assessment Highlights
Assessments Not Completed
Coding evaluations, system assessment results, and conceptual score badges will appear here after taking a test.
AI Collaboration Score
AI Collaboration Score Pending
Developer coding behavior, assistant cooperation, and AI pair-programming indicators are evaluated during live coding sessions.
Role Compatibility Profile
Role Compatibility Analysis Pending
Custom matching reports, candidate role compatibility percentiles, and core engineer strength profiles are processed once conceptual code screenings are complete.
Achievements
Achievements Not Earned
Special rewards, developer badges, system recognition certificates, and conceptual milestones will display here.
About Details
Professional Bio
Frontend Engineer with hands-on experience building scalable and high-performance web applications using React.js, Next.js, and TypeScript. Skilled in developing responsive UI components, integrating REST APIs, and optimizing performance using SSR, SSG, lazy loading, and code splitting.
B.Tech (AEI) in AEI
Rajagiri School of Engineering and Technology Autonomous, Kochi (2018 - 2022)
12th class CBSE - PCM
Mar Thoma Public School, Kochi ( - 2018)
10th class CBSE
Mar Thoma Public School, Kochi ( - 2016)
Languages: English, Hindi
Email: Locked
GitHub: https://github.com/nithsP09