Fahad is available for hire

Fahad Amin

Verified Expert in Engineering

Front-end Developer

Dhaka, Dhaka Division, Bangladesh

Toptal member since April 27, 2022

Expertise

Code Review Web Development Node.js JavaScript CSS Visual Studio Development React.js Redux TypeScript Express.js Tailwind CSS GraphQL Contentful Cursor AI

Bio

Fahad, a seasoned full-stack front-end architect, leverages five years of expertise in JavaScript, TypeScript, React, and Next.js to create exceptional solutions. His skill in writing clean, high-performing code, coupled with unwavering adaptability and commitment, prove invaluable to startups of all sizes. At Toptal, he excels in crafting scalable, user-friendly applications that inspire excellence, ensuring seamless and stunning user experiences.

Portfolio

Nick DeJesus

React, Tailwind CSS, HTML, CSS, JavaScript, Docusaurus, TypeScript, Cursor AI...

Sein Technology Partners, Inc.

Front-end, React, TypeScript, JavaScript, Prisma, NestJS, Drizzle ORM, MongoDB...

zapro.ai

React, Next.js, Storybook, NPM, Redux, Socket.IO, Push Notifications, Webpack...

Experience

Node.js - 4 years
TypeScript - 3 years
Full-stack - 3 years
Tailwind CSS - 3 years
React - 3 years
Next.js - 2 years
Storybook - 2 years
React Native - 2 years

Preferred Environment

MacOS, Slack, Linux, Visual Studio Code (VS Code)

The most amazing...

...thing I built was a scalable full-stack application from scratch, optimized performance, established conventions, led the team, and supported product growth.

Work Experience

Front-end Developer

2024 - 2024

Nick DeJesus

Built and documented typesafe reusable components.
Added micro-interactions and animations for better UX.
Heavily modified the Docusaurus theme and swizzled components to match Docusaurus with the brand image.

Technologies: React, Tailwind CSS, HTML, CSS, JavaScript, Docusaurus, TypeScript, Cursor AI, Radix UI, Vite, Web Content Accessibility Guidelines (WCAG), Shadcn, RESTFul APIs

React Developer

2024 - 2024

Sein Technology Partners, Inc.

Integrated new APIs, updated legacy code, and Introduced conventions for better code quality.
Updated React Query implementation conventions for a better developer experience.
Built a new growth website with Astro and Tailwind, Contentful for dynamic content and better performance.
Wrote NestJS APIs and used Prisma ORM to make typesafe database queries.

Technologies: Front-end, React, TypeScript, JavaScript, Prisma, NestJS, Drizzle ORM, MongoDB, Caching, Cursor AI, Radix UI, D3.js, Vite, Web Content Accessibility Guidelines (WCAG), Shadcn, RESTFul APIs

Lead Front-end Engineer

2022 - 2024

zapro.ai

Led a team of five front-end developers and built the core product.
Migrated from Webpack to ViteJS to improve developer experience.
Introduced React queries to improve page performance.
Implemented lazy loading to decrease bundle size and fast loading.
Developed and maintained reusable components using Storybook. Introduced React hook form to improve developer experience.
Built a utility library using TypeScript for a better developer experience.
Conducted a review of junior developers, helped estimate deadlines, and determined API response in discussion with the back-end team.

Technologies: React, Next.js, Storybook, NPM, Redux, Socket.IO, Push Notifications, Webpack, Search Engine Optimization (SEO), Axios, Website Performance, Web Performance Optimization (WPO), Accessibility, React Query, Ionic, Architecture, Mobile First, Code Refactoring, Code Review, Asynchronous Programming, Webflow, i18n, i18next, Internationalization, CSS Modules, Headless CMS, Contentful, Astro, Single-page Applications (SPAs), CSS Keyframes, Framer Motion, Full-stack, Server-side Rendering (SSR), Zustand, React Hook Form, SQL, Front-end Architecture, Caching, OpenAI, Radix UI, D3.js, Vite, Web Content Accessibility Guidelines (WCAG), Shadcn, RESTFul APIs

Full-stack Developer

2023 - 2023

Trycourier.com, Inc.

Developed and maintained a marketing website (Courier.com).
Implemented dark mode in docs.courier.com and heavily updated documentation autogeneration components.
Developed a Docusaurus plugin to generate a tutorial feed.
Fixed complex CSS issues occurring at Courier.com.

Technologies: React, JavaScript, Node.js, TypeScript, Next.js, Docusaurus, Axios, CSS, MDX, Push Notifications, Website Performance, Web Performance Optimization (WPO), Accessibility, React Query, Mobile First, Code Refactoring, Asynchronous Programming, Chakra UI, GraphQL, Full-stack Development, CSS Modules, Headless CMS, Contentful, Single-page Applications (SPAs), CSS Keyframes, Full-stack, Server-side Rendering (SSR), Express.js, Zustand, NestJS, React Hook Form, SQL, PostgreSQL, Caching, Radix UI, Vite, Web Content Accessibility Guidelines (WCAG), Shadcn, RESTFul APIs

React Native Developer

2022 - 2023

Trycourier.com, Inc.

Developed any maintained cross platform React Native SDK. Worked closely with the marketing team.
Worked directly with the mobile developer lead. Contributed to Android, iOS, and Flutter SDK.
Enhanced a public-facing marketing website. Introduced a dark theme, revamped the blog, and implemented analytics.

Technologies: React Native, Libraries, UI Libraries, UI Components, NPM, TypeScript, Jest, Vercel, Axios, Docusaurus, Push Notifications, React, React Query, Unit Testing, Mobile First, Code Refactoring, Asynchronous Programming, GraphQL, React Native Navigation, Headless CMS, Contentful, Single-page Applications (SPAs), Server-side Rendering (SSR), React Hook Form, SQL, PostgreSQL, Front-end Architecture, Caching, Radix UI, Web Content Accessibility Guidelines (WCAG), RESTFul APIs

Software Engineer

2021 - 2022

Teeny Beans

Architected the Buzz app website, marketing the website with Next.js and MUI (Material UI), while the parents' website uses Next.js.
Built an in-house component library using Storybook and Rollup.
Managed and mentored a team of four front-end developers.

Technologies: React, Material UI, Redux, Redux Toolkit, Next.js, Rollup, React Router, CSS, SCSS, HTML, Styled-components, Front-end, CSS3, Tailwind CSS, HTML5, ECMAScript (ES6), Adobe Experience Design (XD), Figma, User Interface (UI), User Experience (UX), JSX, React Redux, REST APIs, NPM, Front-end Development, UI Components, UI Libraries, Git, GitLab, APIs, Agile, Jira, Responsive Design, API Integration, Application State Management, Reusable Libraries, Responsive UI, Responsive Layout, Responsive Web Apps, Babel, Storybook, UI Development, Pixel Perfect, Responsive Web Design (RWD), Axios, React Query, Architecture, Code Refactoring, Code Review, Asynchronous Programming, MUI CSS, Full-stack Development, CSS Modules, Single-page Applications (SPAs), Bootstrap, Node.js, React Hook Form, SQL, Front-end Architecture, MongoDB, Caching, Web Content Accessibility Guidelines (WCAG), RESTFul APIs

Software Engineer

2021 - 2022

Yellow.ai

Developed and maintained a live chat application that thousands of live customers use daily.
Tracked and fixed bugs using Jira as a reporting tool.
Improved the code structure and suggested best practices.

Technologies: React, Antd, Strophe.js, WebSockets, Slack, Visual Studio Code (VS Code), Webpack, TypeScript, React Router, Redux, Redux Thunk, Redux Toolkit, CSS, CSS5, Less, Front-end, CSS3, HTML5, ECMAScript (ES6), Figma, User Interface (UI), User Experience (UX), GraphQL, Apollo, JSX, React Redux, React Apollo, REST APIs, Front-end Development, NPM, UI Libraries, Git, GitHub, Bitbucket, APIs, Agile, Jira, iOS, Responsive Design, API Integration, Swift, Application State Management, Reusable Libraries, Android, Mobile Apps, Responsive UI, Responsive Layout, Responsive Web Apps, UI Development, Pixel Perfect, Responsive Web Design (RWD), Live Chat, Axios, Socket.IO, React Query, Code Refactoring, Code Review, Asynchronous Programming, i18n, i18next, Internationalization, Full-stack Development, Ant Design, CSS Modules, Single-page Applications (SPAs), Bootstrap, CSS Keyframes, Server-side Rendering (SSR), Express.js, Zustand, NestJS, React Hook Form, Caching, D3.js, Web Content Accessibility Guidelines (WCAG), RESTFul APIs

Software Engineer

2020 - 2021

ShopUp

Developed an in-house customer management system from scratch.
Built and maintained the Mokam app using React Native. The app has thousands of users among salespeople and sales representatives each day.
Created and maintained an internal user experience library.
Wrote unit test cases with Jest and the React Testing Library, reaching 100% test coverage.

Technologies: React, React Native, React Native for Web, REST, Node.js, TypeScript, React Router, Antd, Redux, Redux Thunk, Redux Toolkit, HTML, CSS, Less, SCSS, Sass, Front-end, Microfrontends, Webpack, CSS3, HTML5, ECMAScript (ES6), Zeplin, User Interface (UI), User Experience (UX), Expo, Firebase, GraphQL, Apollo, JSX, React Redux, React Apollo, React Native Bridge, REST APIs, Front-end Development, UI Components, NPM, UI Libraries, Git, GitHub, Bitbucket, Mobile, APIs, Agile, Jira, iOS, Responsive Design, API Integration, Application State Management, Reusable Libraries, Android, Expo.io, Mobile Apps, Responsive UI, Responsive Layout, Responsive Web Apps, Babel, Storybook, UI Development, Pixel Perfect, Responsive Web Design (RWD), Jest, Axios, React Query, Unit Testing, Architecture, Mobile First, Code Refactoring, Code Review, Asynchronous Programming, MUI CSS, MySQL, i18n, i18next, Internationalization, React Native Navigation, Ant Design, CSS Modules, Single-page Applications (SPAs), Bootstrap, CSS Keyframes, Server-side Rendering (SSR), Express.js, PostgreSQL, Front-end Architecture, Caching, RESTFul APIs

Software Engineer

2019 - 2020

Brilliant

Developed Brilliant's customer-facing portal in three months from scratch.
Built and maintained REST APIs used daily by hundreds of companies.
Created and maintained React components that are still in use after three years.

Technologies: React, Redux, Python 3, Flask, REST, JavaScript, TypeScript, React Router, Material UI, Redux Thunk, HTML, CSS, Styled-components, Front-end, Back-end, Docker, CSS3, HTML5, ECMAScript (ES6), Node.js, User Experience (UX), User Interface (UI), Firebase, JSX, React Redux, Front-end Development, UI Components, REST APIs, NPM, UI Libraries, Git, GitHub, APIs, Agile, Responsive Design, API Integration, Application State Management, Responsive UI, Responsive Layout, Responsive Web Apps, UI Development, Pixel Perfect, Responsive Web Design (RWD), Axios, React Query, Code Refactoring, Code Review, Asynchronous Programming, MUI CSS, Full-stack Development, Ant Design, CSS Modules, Single-page Applications (SPAs), Bootstrap, Full-stack, Express.js, Caching, Python, RESTFul APIs

Experience

React Strophe Hook

While working for Yellow.ai, I came across an internally used JavaScript library named Strophe.js. The library was built before React became popular, and jQuery was driving the front end. As it had a very stiff learning curve, I evolved the library to simplify integration with React.

Mokam App

A React Native web-based eCommerce app for salespersons and sales representatives to use. I worked as a front-end developer with a back-end developer on this project. I implemented routing and React Native bridges and integrated REST APIs.

Buzz App | Marketing App

https://marketingv2.preschool-curriculum.in/features

A Next.js-based SSR app for marketing a product. I architected and helped develop the project base while I was working there as a part-time employee. We had three front-end websites there. I also built a UI library to share components across projects.

Courier React Native Inbox

https://github.com/trycourier/courier-react-native-inbox

A React Native library for Android and iOS and supported for Expo and React Native CLIs. The tool allows real-time content updates. I built the whole library from scratch and integrated it with the existing back end.

Courier React Native

A cross-platform notification library that makes it easier for developers to integrate notifications in the existing React Native application. I implemented React Native modules to integrate the underlying Android and iOS libraries. I also documented, tested, and released the library.

Education

2016 - 2020

Bachelor's Degree in Computer Science

BRAC University - Dhaka, Bangladesh

Certifications

OCTOBER 2024 - PRESENT

NestJS: The Complete Developer's Guide

Udemy

MARCH 2024 - PRESENT

The Ultimate SQL Bootcamp: Go from SQL Beginner to Expert

Udemy

DECEMBER 2023 - PRESENT

Advanced TypeScript Patterns

Total TypeScript

DECEMBER 2023 - PRESENT

TypeScript Generics

Total TypeScript

NOVEMBER 2023 - PRESENT

The Joy of React

Josh W. Comeau

AUGUST 2023 - PRESENT

CSS Certification

https://css-for-js.dev/

MAY 2023 - PRESENT

React Query

MARCH 2023 - PRESENT

Type Transformations Workshop

Total TypeScript

MAY 2022 - PRESENT

The Ultimate JavaScript Animation Course

Developedbyed

MAY 2022 - PRESENT

FrontendExpert Certificate

AlgoExpert

Skills

Libraries/APIs

React, Node.js, React Router, React Redux, REST APIs, React Query, React Hook Form, Strophe.js, React Native for Web, Barba.js, React Testing Library, Framer Motion, Antd, GSAP, Socket.IO, D3.js

Tools

Redux Toolkit, Redux Thunk, JSX, NPM, Git, GitHub, Slack, Webpack, Figma, Zeplin, Expo, Bitbucket, Expo.io, Prisma, Drizzle ORM, Astro, Shadcn, Rollup, Adobe Experience Design (XD), React Apollo, GitLab, Jira, Babel

Languages

JavaScript, TypeScript, HTML, CSS, SCSS, Less, CSS3, HTML5, ECMAScript (ES6), GraphQL, Python 3, MDX, SQL, Sass, Swift, Java, Python

Frameworks

React Native, Material UI, Redux, Next.js, Express.js, Tailwind CSS, MUI CSS, i18next, Bootstrap, Jest, Docusaurus, Ant Design, NestJS, Flask, Ionic, Remix

Paradigms

Responsive Layout, Responsive Web Design (RWD), Code Refactoring, Asynchronous Programming, REST, Agile, Search Engine Optimization (SEO), Unit Testing, Microfrontends, Web Performance Optimization (WPO)

Platforms

Visual Studio Code (VS Code), Contentful, MacOS, Linux, Firebase, Mobile, Vercel, Docker, iOS, Android, Webflow

Storage

MySQL, PostgreSQL, MongoDB

Other

Web Development, CSS5, Front-end, Landing Page Design, Front-end Development, UI Libraries, UI Components, APIs, API Integration, Responsive UI, UI Development, Pixel Perfect, Architecture, Code Review, i18n, Internationalization, CSS Modules, Headless CMS, Single-page Applications (SPAs), Server-side Rendering (SSR), Zustand, Front-end Architecture, Caching, Cursor AI, Radix UI, RESTFul APIs, Algorithms, Operating Systems, Full-stack, Libraries, Responsive Design, Application State Management, Reusable Libraries, Mobile Apps, Responsive Web Apps, Axios, Mobile First, Chakra UI, React Native Navigation, Full-stack Development, CSS Keyframes, Vite, WebSockets, Styled-components, Back-end, Landing Pages, Animation, User Interface (UI), User Experience (UX), Apollo, React Native Bridge, Storybook, Website Performance, Live Chat, Push Notifications, Accessibility, TypeORM, OpenAI, Large Language Models (LLMs), Web Content Accessibility Guidelines (WCAG)

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.

Share your needs

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

Choose your talent

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

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