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
Profile photo
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

See project

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
See project

Bonyadiha CRM

Implementing different panels for sale-specialist, sale-manager, consultant, etc. roles in one platform

ReactViteZustandReact QueryTypeScriptMaterial UISocket.ioreact-hook-formGitPWAResponsiveLazy loadBest performance
See project

Bonyadiha Website

Introduction of the application, registration of students, purchase of courses and dashboard

Next(app router)React QueryTypeScriptSSRZustandMantine UIYupreact-hook-formResponsiveGitCustom video player
See project

Behamrah Passenger App

Passenger transport app with custom map and multilingual interface.

React Router v7React QueryTypeScriptZustandTailwindShadCNreact-hook-formZodGitlabResponsiveCustom map providerMultilingualNeshan MapLeaflet Map
See project

Secar

PWA app for managing driver vehicle information and mechanic-related tasks.

Next(pages router)React QueryTypeScriptZustandSSRMaterial UILeaflet Mapreact-hook-formYupGitResponsiveOffline supportPWA
See project

Admin Drop

Logistics admin panel with monitoring capabilities

ReactReact QueryContext State ManagementMaterial UILeaflet MapWebpackreact-hook-formGitlabResponsiveForm generatorChart jsfiltersrole handling
See project

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
See project

Admin Barestan

Logistics admin panel with monitoring capabilities

ReactReact QueryContext State ManagementMaterial UILeaflet MapWebpackreact-hook-formGitlabResponsiveForm generatorChart jsfiltersrole handling
See project

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
See project

HRM

Employee management app for registering presence and absence, receiving wages, and viewing working hours statistics and other

ReactMaterial UIRestBootstarpGitlabResponsive
See project

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.

Let’s build something solid.

Open to frontend roles and freelance projects.

Email me
Email:farnoodlotfali@gmail.com
GitHub:github.com/farnoodlotfali
LinkedIn:linkedin.com/in/farnoodlotfali
Telegram:t.me/Farnoooooood
Phone:+98 930 546 3559
Location: Tehran, Iran