Bonyadiha App
Work and progress reporting, chat with the operator, testing, Instagram-like story display and video playback in PWA.
ReactViteZustandReact QueryTypeScriptMaterial UISocket.ioreact-hook-formGitPWAResponsiveLazy loadBest performance
FARNOOD LOTFALI
Open to frontend roles
Frontend Developer focused on performance, reliability, and clean user experiences
4+ years building scalable applications with React, Next.js, and TypeScript alongside designers and backend engineers
Skills
ReactNext(App router)Next(Pages router)JavaScriptTypescriptReact-QueryZustandReact-RouterReduxPWASocket.ioGitGitlabMaterial UITailwindShadCnMantineBootstrapExpressPostgreSQLReact Hook FormYup, ZodDockerVitePostman, SwaggerHTML5CSS3Expert in MapsReusable Code
4+
Years experience
10+
Projects shipped
Product-minded frontend engineer
I build modern web products with React and Next.js, focusing on user experience and performance optimization. I collaborate effectively within teams and enjoy shipping reliable, production-ready features. I have also worked on AI-powered features and integrations, leveraging modern AI tools and APIs to enhance product capabilities. Continuously exploring new technologies to stay current in the evolving web ecosystem.
Team collaboration
Clear communication and smooth handoffs across design and backend.
Reliable delivery
Production-ready UI with attention to detail and performance.
Experience
Front-end Developer
Bonyadiha (Remote, Iran)
Building Bonyad app and website for reporting, chat, course access, and dashboards for multiple role panel
May 2025 — Present
Front-end Developer
Kashan Tejarat (Remote, Iran)
Logistics platforms, multiple websites and admin panels using pair programming.
May 2024 — Aug 2025
Front-end Developer
Secar (Hybrid, Iran)
PWA app for driver vehicle info and mechanic-related tasks.
Jan 2024 — Jul 2024
Front-end Developer
Behamrah (Remote, Iran)
Passenger transport system with booking and route suggestions.
May 2021 — Jan 2024
Selected work
Bonyadiha CRM
Implementing different panels for sale-specialist, sale-manager, consultant, etc. roles in one platform
ReactViteZustandReact QueryTypeScriptMaterial UISocket.ioreact-hook-formGitPWAResponsiveLazy loadBest performance
Bonyadiha Website
Introduction of the application, registration of students, purchase of courses and dashboard
Next(app router)React QueryTypeScriptSSRZustandMantine UIYupreact-hook-formResponsiveGitCustom video player
Behamrah Passenger App
Passenger transport app with custom map and multilingual interface.
React Router v7React QueryTypeScriptZustandTailwindShadCNreact-hook-formZodGitlabResponsiveCustom map providerMultilingualNeshan MapLeaflet Map
Secar
PWA app for managing driver vehicle information and mechanic-related tasks.
Next(pages router)React QueryTypeScriptZustandSSRMaterial UILeaflet Mapreact-hook-formYupGitResponsiveOffline supportPWA
Admin Drop
Logistics admin panel with monitoring capabilities
ReactReact QueryContext State ManagementMaterial UILeaflet MapWebpackreact-hook-formGitlabResponsiveForm generatorChart jsfiltersrole handling
Drop Website
Website for explaining the use of the application for drivers and owners of cargo.
Next(pages router)React QueryMaterial UISSRreact-hook-formGitlabResponsiveLeaflet Map
Admin Barestan
Logistics admin panel with monitoring capabilities
ReactReact QueryContext State ManagementMaterial UILeaflet MapWebpackreact-hook-formGitlabResponsiveForm generatorChart jsfiltersrole handling
Barestan Website
Website for explaining the use of the application for drivers and owners of cargo.
Next(pages router)React QueryMaterial UISSRreact-hook-formGitlabResponsiveLeaflet Map
HRM
Employee management app for registering presence and absence, receiving wages, and viewing working hours statistics and other
ReactMaterial UIRestBootstarpGitlabResponsive
Ticket Stand
Movie info website to add favorite movies and watch them later
Next(pages router)React QueryTypeScriptMaterial UIContext State ManagementSSRGitResponsive
Education
B.Sc. Computer Engineering
Bahai Institute for Higher Education (BIHE)
GPA 3.30/4
Sep 2019 — May 2025
Masterpieces
Performance Optimization
Faster loading, better UX, and improved Core Web Vitals.
Reduce Bundle Size
Reducing bundle size using webpack
Handle Role and Permissions
Implementing permission system for management panels
Map Providers
Implementing the use of both Neshan and Leaflet maps simultaneously
Offline Support
Implementing offline support for PWA projects
Code Splitting
Lazy load and Suspense for performance improvement
Instagram-Like Story Display
Implementing Instagram-like story display
Custom Video Player
Implementing a custom video player
سیستم چت
Implementing chat system with the ability to send and receive various types of messages
Multilingual
Implementing multilingual interfaces for different projects
Form with a lot of fields
Preventing form fields from slowing down when typing
Monitoring
Implementing monitoring for logistics projects
Dark/Light Mode
Implementing Dark/Light Mode for different projects
Implementing UI
Precise and accessible interfaces with modern tools.