Life Cycle Assessment (LCA) Platform
An AI-powered sustainability platform for construction and manufacturing, helping organizations measure, analyze, and reduce environmental impact through LCAs and EPDs.
- Developed high-performance, reusable React.js and TypeScript UI components and translated complex LCA workflows into intuitive interfaces.
- Integrated frontend components with backend services and REST APIs, ensuring accessibility and cross-browser compatibility.
- Optimized rendering for large environmental-assessment datasets while keeping a clean, scalable architecture.
React.jsTypeScriptJavaScript (ES6+)HTML5CSS3/SCSSTailwind CSSRedux/Context APIReact RouterREST APIsAxiosWebpackJestGitCI/CD
Social Health Chat Application
An anonymous Next.js platform for mental health and recovery support, combining wellness tools, goal tracking, and peer chat groups in a privacy-first experience.
- Built a responsive, SEO-optimized UI using Next.js (SSR/SSG) and a reusable design system with React and ShadCN/UI.
- Implemented type-safe validation with Zod and a typed tRPC API layer; enabled real-time chat via Stream Chat with PostgreSQL.
- Managed complex state with Redux Toolkit and reduced bundle size through lazy loading and code-splitting.
Next.jsTypeScripttRPCZodRedux ToolkitShadCN/UIPostgreSQLStream Chat
Social Housing Oman
A government-facing platform streamlining social housing benefit applications across Oman, with document verification, digital signatures, and a strong compliance focus.
- Converted Figma designs into responsive, accessible React components from structured Excel-based requirements.
- Implemented secure document upload and digital signature features meeting government compliance standards.
- Migrated key modules to TypeScript to reduce runtime errors, with Redux for application state.
React.jsTypeScriptReduxREST APIsTailwind CSSAWS S3
Restaurant Table Booking System
A multi-role React application digitizing restaurant reservations for Superadmins, Admins, and Customers.
- Built reusable, accessible React components (date/time pickers, reservation forms) with robust validation.
- Managed booking state with Redux and REST APIs for real-time table availability.
- Configured protected, nested routing to enforce Superadmin, Admin, and Customer permissions.
React.jsTypeScriptRedux ToolkitReact RouterMaterial UIAxios