Employee Onboarding Platform
We help teams transform talent and unlock potentials.
Section01 — 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.
Section02 — Tools & Technologies
Toolkit
A comprehensive collection of technologies and methodologies carefully selected to enhance our development process and deliver exceptional results.
- Keycloak
- Django
- Sveltekit
- PostgREST
- Tailwind CSS
- Typescript
- Axios
- Carbon-Components-Svelte
- Storybook
Section03 — Solution
What I Built
Participated in component development, frontend integration, and testing, ensuring stability and alignment with project requirements.
Created multiple reusable components and followed the MVVP architecture to maintain scalable and maintainable code.
Started as an intern and transitioned into a full-time role, taking on increased responsibilities and contributing to production-ready features.
Implemented bar, line, and pie charts using Chart.js for the CXO dashboard, providing clear data-driven insights through interactive visualizations.
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.
Implemented caching using local variables to avoid redundant API calls, ensuring data is fetched only once until a create, update, or delete operation occurs.
Integrated Tabulator tables throughout the application wherever data tables were required, ensuring rich table features like pagination, sorting, and filtering.
Contributed to refactoring efforts, improving code quality and reducing technical debt to make the codebase more maintainable.
Integrated CropperJS into the application to enable users to edit, crop, and save images seamlessly within the platform.
Implemented spreadsheet file parsing and validation using the XLSX library, enabling accurate data import and reducing manual entry errors.
Section04 — 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.