Soheil Abadi — Full Stack Developer

Digital Insurance Platform

Architected a comprehensive digital insurance platform using Next.js and TypeScript, enabling users to purchase third-party and body insurance directly without intermediaries.

Next.jsTypeScriptReactRedux

View Project

02

8+1

Photos & Video

Hafez Insurance · BimTec

Bimtec

•Built a fully digital insurance platform enabling users to purchase third-party and body insurance online. •Integrated browser-based vehicle inspection with 8 photo capture + video recording. Implemented 3D car model viewer using Three.js for interactive inspection. •Developed a dashboard with media review, zooming, annotations, and SMS alerts for policy renewal. •Tech: Next.js, TypeScript, Redux, Material UI, Three.js, Webcam Recorder.

Three.jsReactTypeScriptWebGLRedux

Hafez Insurance · BimTec

Admin Media Review Dashboard

Built a media review dashboard for administrators, implementing image zooming, note-taking, SMS alerts, and policy renewal workflows using MUI and Redux.

ReactMUIReduxTypeScript

Employee Management Dashboard

Engineered a role-based Employee Management Dashboard using React, MUI, and Redux, which reduced administrative overhead by 40% and improved HR reporting accuracy by 15%.

ReactMUIReduxTypeScriptRBAC

Brain Project PWA

• Developed the core system of Metaponic from the ground up, ensuring a scalable and high-performance architecture. • Designed and implemented the entire UI, focusing on creating an intuitive, user-friendly interface for controlling sensors and displaying real-time data. • Utilized MUI, Tailwind CSS, and TypeScript for responsive and visually appealing design across all pages. • Integrated React to build dynamic and interactive pages, ensuring seamless user experiences across different device types. • Developed and managed complex state management using Redux for real-time sensor data updates and user interactions. • Implemented multiple pages for controlling sensors, viewing real-time data, and monitoring system health through live charts and analytics. • Integrated Chart.js for dynamic chart rendering, allowing users to visualize sensor data in various formats (line, bar, etc.) with real-time updates. • Built out custom components using MUI and Tailwind to ensure a highly customizable, clean, and modern design system. • Designed modular and reusable UI elements to ensure consistency and reduce development time for future features. • Ensured responsive design across desktop, tablet, and mobile devices, leveraging Tailwind's utility-first approach to rapidly adjust layouts. • Optimized performance to ensure smooth real-time updates even with large datasets from sensor readings. • Created customizable dashboards that display sensor data, historical trends, and system alerts in a visually engaging manner. • Developed authentication and authorization mechanisms to ensure secure access to different user roles within the application. • Collaborated with backend teams to ensure seamless API integration for fetching, displaying, and controlling sensor data. • Implemented error handling and data validation to enhance reliability and user experience, ensuring safe data input and output.

PWAReactZustandTypeScript

Multilingual E-Commerce

Developed a multilingual E-Commerce website with Next.js, implementing complex logic for region-based language switching to support a global user base.

Next.jsTypeScripti18nReact

Product Lifecycle Management

Revolutionized the product lifecycle management system by modeling the architecture after Digikala's service panel, streamlining the flow from order processing to delivery. Reduced fulfillment errors by 25%.

ReactTypeScriptMaterial-UIRedux

Factory & Furnace Management

Developed a Factory & Furnace Management Dashboard to monitor industrial operations, utilizing React, Redux, Ant Design, and Tailwind CSS.

ReactReduxAnt DesignTailwind CSS

AloBusiness Consulting Website

Implemented the AloBusiness consulting website using React, delivering a modern client-facing platform for business consulting services.

ReactJavaScriptResponsive UI

EximHub WordPress Project

Contributed to the development of the EximHub WordPress project and maintained call center applications using jQuery for legacy system integration.

WordPressjQueryPHPLegacy Systems

Hafez Insurance · BimTec

Digital Insurance Platform

Architected a comprehensive digital insurance platform using Next.js and TypeScript, enabling users to purchase third-party and body insurance directly without intermediaries.

Next.jsTypeScriptReactRedux

Hafez Insurance · BimTec

Bimtec

•Built a fully digital insurance platform enabling users to purchase third-party and body insurance online. •Integrated browser-based vehicle inspection with 8 photo capture + video recording. Implemented 3D car model viewer using Three.js for interactive inspection. •Developed a dashboard with media review, zooming, annotations, and SMS alerts for policy renewal. •Tech: Next.js, TypeScript, Redux, Material UI, Three.js, Webcam Recorder.

Three.jsReactTypeScriptWebGLRedux

Hafez Insurance · BimTec

Admin Media Review Dashboard

Built a media review dashboard for administrators, implementing image zooming, note-taking, SMS alerts, and policy renewal workflows using MUI and Redux.

ReactMUIReduxTypeScript

Employee Management Dashboard

Engineered a role-based Employee Management Dashboard using React, MUI, and Redux, which reduced administrative overhead by 40% and improved HR reporting accuracy by 15%.

ReactMUIReduxTypeScriptRBAC

Brain Project PWA

• Developed the core system of Metaponic from the ground up, ensuring a scalable and high-performance architecture. • Designed and implemented the entire UI, focusing on creating an intuitive, user-friendly interface for controlling sensors and displaying real-time data. • Utilized MUI, Tailwind CSS, and TypeScript for responsive and visually appealing design across all pages. • Integrated React to build dynamic and interactive pages, ensuring seamless user experiences across different device types. • Developed and managed complex state management using Redux for real-time sensor data updates and user interactions. • Implemented multiple pages for controlling sensors, viewing real-time data, and monitoring system health through live charts and analytics. • Integrated Chart.js for dynamic chart rendering, allowing users to visualize sensor data in various formats (line, bar, etc.) with real-time updates. • Built out custom components using MUI and Tailwind to ensure a highly customizable, clean, and modern design system. • Designed modular and reusable UI elements to ensure consistency and reduce development time for future features. • Ensured responsive design across desktop, tablet, and mobile devices, leveraging Tailwind's utility-first approach to rapidly adjust layouts. • Optimized performance to ensure smooth real-time updates even with large datasets from sensor readings. • Created customizable dashboards that display sensor data, historical trends, and system alerts in a visually engaging manner. • Developed authentication and authorization mechanisms to ensure secure access to different user roles within the application. • Collaborated with backend teams to ensure seamless API integration for fetching, displaying, and controlling sensor data. • Implemented error handling and data validation to enhance reliability and user experience, ensuring safe data input and output.

PWAReactZustandTypeScript

Multilingual E-Commerce

Developed a multilingual E-Commerce website with Next.js, implementing complex logic for region-based language switching to support a global user base.

Next.jsTypeScripti18nReact

Product Lifecycle Management

Revolutionized the product lifecycle management system by modeling the architecture after Digikala's service panel, streamlining the flow from order processing to delivery. Reduced fulfillment errors by 25%.

ReactTypeScriptMaterial-UIRedux

Factory & Furnace Management

Developed a Factory & Furnace Management Dashboard to monitor industrial operations, utilizing React, Redux, Ant Design, and Tailwind CSS.

ReactReduxAnt DesignTailwind CSS

AloBusiness Consulting Website

Implemented the AloBusiness consulting website using React, delivering a modern client-facing platform for business consulting services.

ReactJavaScriptResponsive UI

EximHub WordPress Project

Contributed to the development of the EximHub WordPress project and maintained call center applications using jQuery for legacy system integration.

WordPressjQueryPHPLegacy Systems

Hafez Insurance · BimTec

Digital Insurance Platform

Architected a comprehensive digital insurance platform using Next.js and TypeScript, enabling users to purchase third-party and body insurance directly without intermediaries.

Next.jsTypeScriptReactRedux

Hafez Insurance · BimTec

Bimtec

•Built a fully digital insurance platform enabling users to purchase third-party and body insurance online. •Integrated browser-based vehicle inspection with 8 photo capture + video recording. Implemented 3D car model viewer using Three.js for interactive inspection. •Developed a dashboard with media review, zooming, annotations, and SMS alerts for policy renewal. •Tech: Next.js, TypeScript, Redux, Material UI, Three.js, Webcam Recorder.

Three.jsReactTypeScriptWebGLRedux

Hafez Insurance · BimTec

Admin Media Review Dashboard

Built a media review dashboard for administrators, implementing image zooming, note-taking, SMS alerts, and policy renewal workflows using MUI and Redux.

ReactMUIReduxTypeScript

Employee Management Dashboard

Engineered a role-based Employee Management Dashboard using React, MUI, and Redux, which reduced administrative overhead by 40% and improved HR reporting accuracy by 15%.

ReactMUIReduxTypeScriptRBAC

Brain Project PWA

• Developed the core system of Metaponic from the ground up, ensuring a scalable and high-performance architecture. • Designed and implemented the entire UI, focusing on creating an intuitive, user-friendly interface for controlling sensors and displaying real-time data. • Utilized MUI, Tailwind CSS, and TypeScript for responsive and visually appealing design across all pages. • Integrated React to build dynamic and interactive pages, ensuring seamless user experiences across different device types. • Developed and managed complex state management using Redux for real-time sensor data updates and user interactions. • Implemented multiple pages for controlling sensors, viewing real-time data, and monitoring system health through live charts and analytics. • Integrated Chart.js for dynamic chart rendering, allowing users to visualize sensor data in various formats (line, bar, etc.) with real-time updates. • Built out custom components using MUI and Tailwind to ensure a highly customizable, clean, and modern design system. • Designed modular and reusable UI elements to ensure consistency and reduce development time for future features. • Ensured responsive design across desktop, tablet, and mobile devices, leveraging Tailwind's utility-first approach to rapidly adjust layouts. • Optimized performance to ensure smooth real-time updates even with large datasets from sensor readings. • Created customizable dashboards that display sensor data, historical trends, and system alerts in a visually engaging manner. • Developed authentication and authorization mechanisms to ensure secure access to different user roles within the application. • Collaborated with backend teams to ensure seamless API integration for fetching, displaying, and controlling sensor data. • Implemented error handling and data validation to enhance reliability and user experience, ensuring safe data input and output.

PWAReactZustandTypeScript

Multilingual E-Commerce

Developed a multilingual E-Commerce website with Next.js, implementing complex logic for region-based language switching to support a global user base.

Next.jsTypeScripti18nReact

Product Lifecycle Management

Revolutionized the product lifecycle management system by modeling the architecture after Digikala's service panel, streamlining the flow from order processing to delivery. Reduced fulfillment errors by 25%.

ReactTypeScriptMaterial-UIRedux