About
I'm a senior front-end engineer specializing in Full-Stack React Ecosystem, with more than 8 years of experience in software development.
I've led teams, optimized workflows, and built diverse web applications and hybrid mobile applications.
My background is in computer science and advanced design informatics which uniquely positions me to create intuitive and accessible online systems.
Work Experience
- F
Freelance
October 2015 - PresentFull-Stack JavaScript Web EngineerReact (Hooks)Next.jsReact NativeNode.js (Express)REST APIsGraphQLJotai state managementReact QueryChakra UITailwind CSSRadix UIReact Hook FormSwaggerStorybookTypeScriptWeb SocketHeadless CMSDocusaurus- Developed diverse web solutions using Next.js, including e-commerce platforms, learning management systems, and web apps with AI-driven features.
- Thrive in remote environments, utilizing diverse asynchronous tools and exceling in both written and verbal communication.
- Worked with diverse web applications across different browsers with focus on performance and responsiveness, e.g: ensuring pages appropriately handled in Server Side Rendering (SSR) or Client Side Rendering (CSR) depending on the page features. With specific uses of these paradigm, applications performance was improved, resulting in better usability, performance, and SEO.
- Integrated Tailwind CSS with different kinds of usages through custom classes, Tailwind UI, DaisyUI, and shadcn/ui appropriate for features and requirements of projects.
- I
IMP Studio
August 2022 - July 2024Lead Front End EngineerReactNext.jsTypeScriptChakra UITailwind CSSRadix UISwaggerReact QueryReact Hook Form- Designed and implemented robust front-end workflows, creating project templates to streamline development across multiple projects, ensuring consistency and efficiency.
- Implemented efficient Git workflows with detailed branching strategies (feature branches, develop, main, etc.). Introduced systematic code reviews via Git Pull Requests and checklists, enhancing code quality and collaboration, reducing conflicts.
- Enforced coding standards with Husky, pre-commit Git hooks, linters, TypeScript types, and Prettier, ensuring code consistency, readability, and quality across the team, reducing technical debt.
- Implemented multi-faceted testing: integrated React Testing Library for integration tests, used Cypress for end-to-end testing to detect and address bugs early, employed Storybook for visual testing, improving maintainability and stability.
- Established automated CI/CD pipelines for seamless deployment using Docker, ensuring well-documented procedures accessible to all team members.
- Collaborated with UI/UX designers and application users to translate designs into MVPs and final products, ensuring high-quality user interfaces and usability. Worked closely with users to ensure the problem-solution fit with good user experience.
- Mentored junior engineers on Git usage, code reviews, documentation, and API design, fostering skill development and best practices.
- Created and maintained an online engineering documentation site updated with best practices, challenges, and workflows, serving as a comprehensive team resource.
- T
The API Practice
October 2020 - November 2021Lead Front End EngineerTypeScriptNext.js (React)StorybookJotai state managementdndkit library for drag-and-dropTailwind CSSWeb SocketReact QueryReact Hook FormSwagger UI specifications- Implemented optimizations for server-side rendering on Next.js pages, enhancing performance and user experience.
- Created reusable React components and documented their usage using Storybook, streamlining development processes and ensuring consistent UI components.
- Worked closely with the back-end team to develop and document API integrations, ensuring seamless communication between front-end and back-end systems.
- Developed a Web Socket-based synchronization system for collaborative editing, enabling real-time updates and efficient collaboration.
- Built highly interactive drag-and-drop functionalities, enhancing user engagement and ease of use.
- Led the front-end development of a collaboration tool for building JSON-schema, facilitating collaboration within the team on complex data structures.
- Managed the front-end engineering team, conducted code reviews, and established standard best practices to ensure code quality and team efficiency.
- Identified and resolved improper usage of Styled Components with Tailwind CSS and barrel file imports that caused memory leaks in development mode. This resolution improved developer experience and increased development velocity by over 80%.
- H
Homitag
July 2020 - September 2020React Native EngineerReact Native (class components and hooks)ReduxRedux-SagaAndroid StudioGoogle Play StoreJest- Contributed to an ongoing mobile e-commerce app project using React Native, enhancing both front-end and back-end functionality.
- Refactored old class components with deprecated lifecycle methods using modern functional components with React Hooks, significantly improving code maintainability and readability.
- Developed and adjusted new and existing features based on evolving requirements, ensuring the app met current user needs and market standards.
- Upgraded outdated and unsupported packages within the app's codebase, leading to a 30% increase in development velocity, improved app stability, reduced bugs and warnings, and a more than 60% improvement in crash analytics.
- L
Logique Digital
June 2019 - July 2020Senior Front End EngineerTypeScriptJavaScriptNext.jsReact (hooks)React NativeReact SpringReact BootstrapElectron.jsRedux (Redux Toolkit)Redux ThunkCSS-in-JSSASSAxiosFetch APIFirebaseReact NativeGeolocationSQLiteJSDoc- Developed a web application using Next.js for archiving scientific papers. Leveraged new React technology paradigms such as React hooks and stateful functional components, Next.js, Axios, React Spring, React Bootstrap, CSS-in-JS, and various libraries to create a robust and user-friendly platform.
- Led the development of a mobile app using React Native for HR productivity assessments. Key technologies included React Native (bare workflow), Redux Toolkit, Redux Thunk, React Native Background Geolocation, and React Native Background Fetch. Managed listings on the Play Store and App Store, ensuring smooth deployment and updates.
- Developed a Progressive Web App (PWA) for an online store using Next.js. Utilized React (hooks), context-based state management using React Context, SASS styling, and Firebase Cloud Messaging for push notifications, enhancing user experience and engagement.
- Modernized a legacy Electron.js-based application by updating dependencies and refactoring the codebase with modern approaches. Replaced the deprecated Request package with Fetch API, introduced type safety checks with JSDoc, and restructured prototypes to class-based code. This modernization increased developer velocity by 40% for new feature development.
- A
Automattic
September 2018 - December 2018WordPress Engineer InternWordPress CMSWordPress HeadlessGrafanajQueryJavaScriptPHP- Investigated vulnerabilities in WordPress plugins and themes, focusing on OWASP Top 10 web application security risks, to ensure client site security and integrity.
- Created and reviewed Pull Requests for feature enhancements and bug fixes on client sites, contributing to overall code quality and functionality.
- Analyzed logs to identify WordPress errors on client sites, providing detailed suggestions and implementing fixes to improve site performance and stability.
- Provided technical support and guidance to clients, helping them navigate and resolve complex WordPress issues.
- Worked closely with the client development team to implement best practices and improve security measures across various WordPress projects.
Education
Skills
React
A JavaScript library for building user interfaces
5+ yearsNext.js
The React Framework for Production
5+ yearsTypeScript
Typed superset of JavaScript that compiles to plain JavaScript
5+ yearsJavaScript
High-level, interpreted programming language
7+ yearsNode.js
JavaScript runtime built on Chrome's V8 JavaScript engine
7+ yearsReact Native
Framework for building native apps using React
5+ yearsReact Query
A library for managing server state in React applications
4+ yearsReact Hook Form
A library for building forms in React applications
4+ yearsSwagger
Swagger is a framework for building RESTful web services
4+ yearsGraphQL
Query language for APIs
2+ yearsREST APIs
Architectural style for designing networked applications
6+ yearsRedux
Predictable state container for JavaScript apps
5+ yearsTailwind CSS
Utility-first CSS framework
4+ yearsChakra UI
Simple, modular and accessible component library for React
2+ yearsRadix UI
Unstyled, accessible components for building high‑quality design systems
2+ yearsWeb Sockets
Protocol for real time data exchange
4+ yearsStorybook
Tool for developing UI components in isolation
4+ yearsJest
JavaScript testing framework
4+ yearsRTL
React Testing Library (RTL) - react testing utilities that encourage good testing practices
4+ yearsCypress
End-to-end testing framework
4+ yearsDocker
Tool for developing, shipping, and running applications
3+ yearsCI/CD
Continuous Integration and Continuous Deployment
5+ yearsGit
Distributed version control system
9+ yearsElectron
Framework for building cross-platform desktop apps with web technologies
5+ years