Faruk Kapetanovic, Developer in Sarajevo, Federation of Bosnia and Herzegovina, Bosnia and Herzegovina
Faruk is available for hire
Hire Faruk

Faruk Kapetanovic

Verified Expert  in Engineering

Front-end Developer

Sarajevo, Federation of Bosnia and Herzegovina, Bosnia and Herzegovina

Toptal member since December 22, 2016

Expertise
Front-endDashboardMERN StackFull-stackData VisualizationJavaScriptCSSHTML5Web DevelopmentReact.jsNode.jsReduxStartup Development
Bio

Faruk is a UI/UX engineer with 15 years of experience designing and building web and mobile platforms. He has worked for large-scale companies and helped several startups achieve successful exits. Over the last eight years, Faruk has led teams, consulted companies, and built 20+ products using React and its accompanying tech. Faruk is passionate about designing intuitive products and building high-quality modern interfaces.

Portfolio

Databricks
JavaScript, TypeScript, React, CSS, SQL, D3.js, Plotly, CodeMirror, Ace Editor...
Selfsea
React, TypeScript, MobX, CSS3, Next.js, HTML, Responsive Web Design (RWD)...
Movement Vault
Next.js, React, Redux, Redux-Saga, REST, CSS3, Material UI, Web Video...

Experience

  • JavaScript - 15 years
  • Front-end - 15 years
  • UI Design - 10 years
  • UX Design - 10 years
  • React - 8 years
  • Redux - 6 years
  • React Native - 4 years
  • TypeScript - 4 years

Availability

Part-time

Preferred Environment

Visual Studio Code (VS Code), Figma

The most amazing...

...thing I've built is RoadShield, a React Native mobile video platform that increases drivers' safety by enabling real-time communication.

Work Experience

Front-end Engineer for a Data Platform

2022 - 2022
Databricks
  • Developed a UI for visualization and downloading aggregated data query results.
  • Wrote unit and end-to-end tests to ensure the integrity and consistency of the UI.
  • Built parts of the UI for the main visualization dashboard.
Technologies: JavaScript, TypeScript, React, CSS, SQL, D3.js, Plotly, CodeMirror, Ace Editor, Data Visualization, Dashboards, GraphQL, Apollo

Senior UI Engineer

2021 - 2021
Selfsea
  • Developed a UI for the main dashboard and contributed to the onboarding flow.
  • Used React's best practices to build a library of custom UI components.
  • Made the app mobile-ready by supporting a wide range of screen resolutions and device types.
Technologies: React, TypeScript, MobX, CSS3, Next.js, HTML, Responsive Web Design (RWD), HTML5, GitHub, Responsive Web Apps, MERN Stack, Front-end Architecture

Lead UI Engineer

2020 - 2021
Movement Vault
  • Led a team of three UI engineers whose task was to replace the old WordPress app with a modern, high-performance, mobile-ready React platform consisting of an admin dashboard, a user-facing app, a website, and a blog.
  • Took charge of the front-end architecture and the development of the crucial UI parts of the platform.
  • Developed a UI for creating workouts and a specialized video player with multiple viewing modes and resolutions, playlists, on-screen metrics, transitions, and animations.
  • Suggested and implemented UX improvements where it made sense.
  • Delivered the final product that is not just better looking, more capable, and more scalable: it is also more intuitive, faster, and built with SEO, engagement, and other business objectives in mind.
Technologies: Next.js, React, Redux, Redux-Saga, REST, CSS3, Material UI, Web Video, Front-end, HTML, Responsive Web Design (RWD), HTML5, REST APIs, Tailwind CSS, GitHub, Responsive Web Apps, MERN Stack, Payment APIs, Amazon Web Services (AWS), Dashboards, APIs, Front-end Architecture, Mobile, Architecture, Serverless Architecture

Senior UI Engineer

2020 - 2020
CircleIn (via Toptal)
  • Developed an interactive quiz to improve the learning experience for students.
  • Revamped the flashcards module and added custom React animations to improve the UX and user engagement.
  • Developed a new and highly interactive onboarding flow.
  • Improved the existing and implemented new features in the main feed.
  • Improved the UX of the web-based insights dashboard.
Technologies: React, Redux, CSS3, Startups, HTML, HTML5, REST APIs, GitHub, Responsive Web Apps, MERN Stack, Dashboards, APIs, Docker

Senior React Native Engineer

2020 - 2020
Nethletic
  • Served as a senior engineer and was hired to build the V1 of a fitness app for iOS and Android.
  • Created authentication mechanisms and screens, a fully customizable onboarding flow, complex cross-platform navigation that includes deep links, and the Home/Dashboard screen.
  • Integrated the app with Facebook’s API, which required a different approach and thinking outside the box due to some initial difficulties.
  • Contributed to the final result that was a pixel-perfect replica of the UI design from Figma with a smooth UX powered by fast execution, animations, and custom graphics. The team inherited a neatly organized, highly extendable, and maintainable codebase.
Technologies: React Native, CSS3, Expo, GraphQL, Relay, TypeScript, APIs, Front-end Architecture, Android, iOS, Mobile, Architecture

Senior UI/UX Designer

2020 - 2020
A Big Four Accounting Firm
  • Analyzed the requirements, designed the initial wireframes, and used them as a tool to fully understand the product and gradually achieve alignment with all stakeholders.
  • Used the company's design and visual guidelines to create an experience that is modern and familiar to the future users of the app.
  • Designed two high-fidelity interactive prototypes—one for the mobile app and one for the web dashboard.
Technologies: UI Design, Mobile UX Design, UX Design, Figma, InVision, Web App Design, User Experience (UX), Product Design, Dashboards, Mobile, Mobile UX

Senior React Native Developer

2019 - 2020
RoadShield (via Toptal)
  • Set up the app's architecture, strictly followed the design files, and developed all modules of the MVP: pull-overs, video calls, onboarding, and user profile.
  • Integrated the app with Google Maps and Evox Images API.
  • Reorganized the codebase and grouped files into feature modules to simplify new development and maintenance.
  • Collaborated with the product manager, the client, and the product team successfully, which resulted in the quick removal of all obstacles and RoadShield being published in the App Store.
Technologies: WebRTC, CSS, Redux-Saga, Redux, React Native, React, Startups, GitHub, Front-end Architecture, Android, iOS, Mobile, Mobile UX, Architecture

Senior UI/UX Designer

2019 - 2019
FindYourPT
  • Redesigned the site and made it highly usable on mobile phones and tablets.
  • Rebranded the site and made it more beautiful, modern, and lively.
  • Changed the logo, picked a new font, and replaced the old primary color (burgundy) with a new one (red magenta) that is more energetic and better reflects the fitness nature of the site.
  • Introduced a new set of premium-looking illustrations and photos.
  • Introduced a hamburger menu and a sidebar filtering panel on mobile devices.
  • Changed paddings, margins, and font sizes to make the site feel more spacious and the content easier to consume. Then I reflowed certain repeating elements and improved some other layout parts.
Technologies: Mobile UX Design, Web UX Design, Creative Direction, Figma, CSS3, UI Design, User Experience (UX), Startups, Product Design, Web App Design

Lead UI/UX Designer

2019 - 2019
meeBeat
  • Led a small team tasked with producing an interactive prototype of a mobile app and a visual identity for the platform.
  • Researched competition and created a persona of an early app adopter, which influenced the structure of the user journeys and how the team designed the UI.
  • Took charge of creative direction and came up with a visual identity for the app, including typography, color palette, and a logo.
  • Created a NUX (new user experience) to help new users better understand the product and engage with it while avoiding the common UX mistakes and dead-ends.
  • Designed a pitch deck to be used to raise money from investors.
Technologies: UI Design, UX Design, Mobile UX Design, Figma, InVision, User Experience (UX), Startups, Product Design, Creative Direction, Mobile, Mobile UX

Product Designer

2019 - 2019
Zata.ai
  • Led a team of three designers and was in charge of the overall creative direction and UX research.
  • Created the platform’s visual identity, including typography, color palette, and a logo.
  • Designed a fully responsive website highlighting the core features of the product.
Technologies: UX Design, UI Design, Product Design, Figma, User Experience (UX), Startups, Creative Direction, Web UX Design, Dashboards, APIs, Mobile UX

CTO

2018 - 2019
Allocate.ai [acquired by Sage Intacct] (via Toptal)
  • Collaborated closely with the CEO to make important technical decisions.
  • Developed the onboarding flow to reduce customer churn, increase engagement, and improve user experience.
  • Helped integrate the main app with the Clio platform that enabled Allocate to expand into a new business vertical.
  • Redesigned critical parts of the architecture, which boosted the system's reliability, performance, and robustness.
  • Conducted technical interviews with candidates, performed code reviews, and managed a team of software developers.
  • Formalized and documented the initialization flow for new developers, which improved developer experience and increased the velocity of the whole team.
  • Established a Gitflow workflow, which made project management more transparent and efficient.
  • Removed technical obstacles to enable vertical and horizontal scaling to support the influx of new customers.
Technologies: Node.js, Redux, React, ECMAScript (ES6), Front-end, Startups, HTML, WebSockets, HTML5, REST APIs, DevOps, MERN Stack, Amazon Web Services (AWS), Full-stack, Payment APIs, Dashboards, APIs, Front-end Architecture, Architecture, Electron

Senior React and Node.js Engineer

2017 - 2017
Entabeni Systems (via Toptal)
  • Created a robust messaging module that enables bulk sending of emails and SMS messages.
  • Built the foundation for a point-of-sale application.
  • Created the clock-in/log-in screen for the point-of-sale application.
  • Implemented a custom authentication mechanism that augmented the existing one.
Technologies: Node.js, Serverless, Firebase, SCSS, Redux, React, ECMAScript (ES6), JavaScript, Front-end, HTML, REST APIs, Firebase Cloud Functions, APIs, Serverless Architecture

Senior UI Engineer

2017 - 2017
And Co (via Toptal)
  • Created a dashboard and communication platform used by the company's business assistants (think Slack meets Trello meets Gmail).
  • Developed advanced and dynamic filtering, thus enabling faster iteration of the product.
  • Created a user interface for promo codes management.
  • Integrated and improved the existing chatbot/messenger.
Technologies: Balsamiq, Material UI, WebSockets, Sass, Redux-Saga, Redux, React, ECMAScript (ES6), JavaScript, Front-end, Startups, HTML, Dashboards, APIs, Front-end Architecture, Architecture

Senior React Developer

2017 - 2017
jobZology
  • Created the career matching module that helps students find their dream careers.
  • Integrated the system with an occupational information network that uses the US Department of Labor data.
  • Implemented authentication and authentication flows.
  • Developed the job dashboard and integrated it with the Indeed.com APIs.
  • Worked on the responsive layouts across the application.
Technologies: Express.js, Webpack, Node.js, Redux-Saga, Redux, React, ECMAScript (ES6), JavaScript, Front-end, Startups, Responsive Web Design (RWD), Responsive Web Apps, MERN Stack, Amazon Web Services (AWS)

Senior React and Node.js Engineer

2015 - 2016
Partskeeper
  • Contributed to the construction of a user interface for a search engine for car parts.
  • Implemented the authentication and authorization flows.
  • Wrote and optimized queries in the Elasticsearch layer, which significantly improved the UX.
  • Introduced and implemented the OOCSS/BEM architecture and built a modular and highly extensible design system.
Technologies: Express.js, Node.js, Sass, React, JavaScript, Startups, Responsive Web Apps, Amazon Web Services (AWS), APIs

Senior UI Engineer

2015 - 2015
DocDoorz
  • Designed and created a module for messaging between different types of actors.
  • Built a subsystem for the administration of doctors and clinics.
  • Created a subsystem for reservations and payments.
  • Integrated Stripe API, Google Maps API, and GeoNames API.
Technologies: Responsive Web Design (RWD), Node.js, React, JavaScript, Responsive Web Apps, Full-stack, Payment APIs, Docker

Senior Developer

2013 - 2015
Dapresy AB [acquired by Verdane]
  • Developed subsystems for a multinational company specialized in the visualization of market research data.
  • Created a light version of the central visualization dashboard.
  • Built a scheduler tool that imported and synchronized data across three different systems.
  • Redesigned, documented, and improved the stat analysis module significantly.
Technologies: Highcharts, CSS3, JavaScript, HTML5, Full-stack, Data Visualization, Dashboards, APIs

Product Designer and Engineer

2011 - 2013
Tsosm
  • Developed and designed a web platform to improve the way people aggregate and consume content on the internet.
  • Designed highly intuitive and unique navigation and content filtering system.
  • Designed the main user flows and screens and created a visual identity for the product.
  • Led a small team of UI/UX designers and developers.
Technologies: CSS, JavaScript, Photoshop CC, Illustrator CC, Amazon Web Services (AWS), APIs, Architecture

Lead Developer

2009 - 2011
VOC-Solutions
  • Architected and developed a SaaS product used for certification of merchants according to the PCI DSS standard.
  • Created a tool to schedule batch jobs that performed document evaluations.
  • Developed support for internationalization and introduced multiple interface themes that increased customer satisfaction significantly.
  • Designed and built the core parts of a web-based user-facing dashboard.
Technologies: CSS, JavaScript, Web App Design, UI Design, UX Design, Full-stack, Architecture

Software Developer

2007 - 2009
Comtrade
  • Developed and maintained systems used in tax administration and insurance.
  • Built web-based user interfaces and did database programming.
  • Fixed bugs and maintained and extended the existing features.
  • Wrote scripts to perform automated testing on several user-facing products.
Technologies: CSS, JavaScript, Full-stack

Experience

Allocate.ai

https://www.producthunt.com/posts/allocate-2
Allocate is the time-tracking solution you’ve dreamt of: using machine and deep learning algorithms, Allocate automates your time tracking and gets better each time you use it.

For teams, use Allocate’s resource planning to efficiently plan, staff, and deliver profitable projects.

And Co

And Co is a platform that gets you paid and saves you time: this involves invoicing, contracts, and payments for freelancers and studios. And Co is the ultimate tool for freelancers. Furthermore, it handles all the paperwork.

jobZology

https://jobzology.com/
jobZology provides software that helps bring clarity to students to find joy, meaning, and purpose in their career choices. This software allows schools to improve retention, increase degree completion, and facilitate student success.

RoadShield

RoadShield is a better way of being pulled over: it offers the driver the security of being able to communicate in a lower pressured situation, using video call technology, and the safety of knowing that the video call is being recorded and stored in an easy-to-access location on their app.

Education

1998 - 2007

Master of Science in Computer Science

University of Sarajevo, Faculty of Electrical Engineering - Sarajevo, Bosnia and Herzegovina

Skills

Libraries/APIs

Redux-Saga, React, Node.js, REST APIs, Highcharts, WebRTC, MobX, D3.js

Tools

Balsamiq, Webpack, Photoshop CC, Figma, InVision, Expo, GitHub, Illustrator CC, Plotly, CodeMirror, Ace Editor

Languages

CSS3, ECMAScript (ES6), CSS, HTML, Sass, JavaScript, GraphQL, HTML5, SCSS, TypeScript, SQL

Frameworks

Material UI, Redux, React Native, Express.js, Next.js, Tailwind CSS, Electron, Relay

Paradigms

Responsive Web Design (RWD), UI Design, Mobile UX Design, Web App Design, Web UX Design, REST, UX Design, DevOps, Serverless Architecture

Platforms

Mobile, Firebase, Amazon Web Services (AWS), Android, iOS, Visual Studio Code (VS Code), Docker

Other

Startups, User Experience (UX), Front-end, Product Design, Responsive Web Apps, MERN Stack, Full-stack, Data Visualization, Dashboards, APIs, Front-end Architecture, Mobile UX, Architecture, WebSockets, Creative Direction, Web Video, Firebase Cloud Functions, Payment APIs, Artificial Intelligence (AI), Serverless, Apollo

Collaboration That Works

How to Work with Toptal

Toptal matches you directly with global industry experts from our network in hours—not weeks or months.

1

Share your needs

Discuss your requirements and refine your scope in a call with a Toptal domain expert.
2

Choose your talent

Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.
3

Start your risk-free talent trial

Work with your chosen talent on a trial basis for up to two weeks. Pay only if you decide to hire them.

Top talent is in high demand.

Start hiring