Employee Onboarding Platform

We help teams transform talent and unlock potentials.

01 — Overview

Project Overview

This was the first company I joined, and I was very excited to be part of the team. During the interview, I had the opportunity to speak with the CFO, CXO, and CTO. We were building an HRMS tool to help HRs manage onboardees, track their progress, and unlock their full potential — a process that was previously tedious, often done using multiple tools and Excel sheets.

02 — Tools & Technologies

Toolkit

A comprehensive collection of technologies and methodologies carefully selected to enhance our development process and deliver exceptional results.

03 — Solution

What I Built

Frontend Development & Integration

Participated in component development, frontend integration, and testing, ensuring stability and alignment with project requirements.

Reusable Component Architecture

Created multiple reusable components and followed the MVVP architecture to maintain scalable and maintainable code.

Role Progression

Started as an intern and transitioned into a full-time role, taking on increased responsibilities and contributing to production-ready features.

CXO Dashboard Visualizations

Implemented bar, line, and pie charts using Chart.js for the CXO dashboard, providing clear data-driven insights through interactive visualizations.

MVVM Architecture & Contextual Stores

Implemented MVVM architecture and leveraged contextual stores to remove prop drilling, making components dependency-free. Parents set the context, and components automatically fetch and display data based on it.

Local Data Caching

Implemented caching using local variables to avoid redundant API calls, ensuring data is fetched only once until a create, update, or delete operation occurs.

Tabulator Tables Integration

Integrated Tabulator tables throughout the application wherever data tables were required, ensuring rich table features like pagination, sorting, and filtering.

Technical Debt Reduction

Contributed to refactoring efforts, improving code quality and reducing technical debt to make the codebase more maintainable.

Image Editing Integration

Integrated CropperJS into the application to enable users to edit, crop, and save images seamlessly within the platform.

Spreadsheet Parsing & Validation

Implemented spreadsheet file parsing and validation using the XLSX library, enabling accurate data import and reducing manual entry errors.

04 — Results

Impact & Outcomes

12-person team

Contributed as part of a 12-person team, collaborating to deliver consistent frontend functionality.

Improved development efficiency

Introduced clean code practices and reusable components, accelerating development cycles.

Safer & faster delivery

Ensured consistent implementation of caching and architecture practices to make development both faster and safer.

Thank You

Thanks for exploring this case study — I trust it highlights both my process and the value delivered through the project.

2 years Portfolio 2025