← Back to Projects

OSIF 2.0

Junior Software Developer · Ongoing

Live Demo Private Repo

Overview

Frontend for OSIF (Plot V2), a production industrial-operations platform built for Jindal Steel covering downtime analysis, CAPA lifecycle management, compliance reporting, checklists, and KPI tracking across plant operations. Ships role-based dashboards for executive, compliance, and operations audiences, backed by a modular feature architecture and a shared component library reused across every module.

Key Highlights

  • 10+ operational modules in production: downtime/CAPA, SOP & 3T SOP lifecycle, KPI management, checklist workflows, and a full reporting suite
  • Role-based dashboards (Performance, Compliance, DownTime, Desalination) and role-targeted home experiences for Tech Executive, COO, and CDH users
  • Handsontable-driven data grids and FullCalendar-based scheduling for shift/leave/compensatory-off workflows
  • Client-side CAPA PDF export and a shared Assets library reused across every module

Tech Stack

React 18Redux ToolkitRedux PersistContext APIReact Router DOM 7BootstrapAxiosHandsontableHyperformulaFullCalendarReact SelectjsPDFMoment.jsJWTOAuth 2.0Power BIGitJira

Architecture

UI → Component Layer → Redux/Hooks → API Services → Backend, organized into feature modules (src/components), Redux slices/selectors (src/react-redux), an API layer (src/api, src/FetchApiServices.js), shared utilities (src/utils), and global context/hooks (src/contexts, src/hooks). A shared Assets library (src/components/Assets) centralizes reusable UI — alerts, modals, multi-select, calendars, loaders, and error boundaries — reused across every module instead of being reimplemented per feature.