Hunain is available for hire
Hire HunainHunain Bin Sajid
Verified Expert in Engineering
Full-stack Engineer and Front-end Developer
Islamabad, Islamabad Capital Territory, Pakistan
Toptal member since August 26, 2022
Bio
Hunain is a full-stack engineer with over five years of experience building eCommerce, edtech, fintech, and community platform web and mobile applications. He specializes in the front end, JavaScript, React, and React Native ecosystems and creates software solutions following best practices. A team player with effective communication skills and an impact-driven mindset, he always takes ownership and contributes to the core of the business.
Portfolio
Trivie
JavaScript, TypeScript, CSS, Material UI, Lerna, MobX, React, React Native...
Retailo Technologies
JavaScript 5, Testing, React, React Native, Express.js, Node.js, Android...
Creative Chaos
JavaScript, TypeScript, CSS, Material UI, Redux, Redux-Saga, Redux Persist...
Experience
- JavaScript - 5 years
- React - 5 years
- CSS - 5 years
- Express.js - 3 years
- TypeScript - 3 years
- Tailwind CSS - 3 years
- React Native - 3 years
- Node.js - 3 years
Availability
Part-time
Preferred Environment
Linux, MacOS, Visual Studio Code (VS Code)
The most amazing...
...contribution I've made was to a B2B mobile application, Retailo, for which I developed multi-cart and BNPL functionality.
Work Experience
Front-end Engineer
2021 - 2022
Trivie
- Defined, built, developed, and fixed new customer-facing features using React and React Native technologies, decreasing the number of errors reported by 12%.
- Assisted back-end developers and QA with coding, troubleshooting, and test case development.
- Created cross-browser pixel-perfect styling in styling frameworks like Material UI and Tailwind.
- Maintained graphic standards and branding throughout the product's interface.
- Ensured front-end unit tests were logical, well written, and executed across the team.
- Practiced reusable coding, scalable architecture development, and functional requirement specification.
Technologies: JavaScript, TypeScript, CSS, Material UI, Lerna, MobX, React, React Native, HTML5, Team Building, Product Development, UX Research, Git, GitHub, Asana, Slack, Agile, Scrum, Mobile UX, Facebook SDK, Linux, MacOS, Visual Studio Code (VS Code), Web App Development, Conflict Resolution, Agile Leadership, Node.js, Testing, Android, React Navigation, React Native Bridge, Redux Persist, Redux Form, Redux Thunk, React Redux, Redux Toolkit, Open Source, Yup, Webpack, CSS3, Responsive Layout, CSS3 Animation, Responsive Web Apps, JavaScript Testing, API Integration, Postman, Front-end Development, HTML, Axios, GraphQL, JSON Web Tokens (JWT), REST APIs, OAuth, JSX, Flux, Application State Management, Next.js
Senior Software Engineer
2021 - 2022
Retailo Technologies
- Led cross-functional engineering teams of two to three developers working on multiple functions, including a buy now, pay later (BNPL) plan, shopping cart experience, and platform optimization.
- Provided technical guidance for software design and development activities for user onboarding and data collection for BNPL. Delivered the feature 1.5 months ahead of the scheduled time.
- Assisted in maintaining and updating existing mobile and web app architecture.
- Developed engineering solutions and led the engineering team working on new features, bug fixes, and improvements, including BNPL and multi-cart synchronization.
- Headed the design system development from scratch in Storybook for React and React Native.
- Performed a complete codebase revamp from JavaScript to TypeScript, which improved the development experience and reduced runtime errors by 70%.
Technologies: JavaScript 5, Testing, React, React Native, Express.js, Node.js, Android, React Navigation, React Native Bridge, Redux, Redux-Saga, Redux Persist, Redux Form, Redux Thunk, React Redux, Redux Toolkit, Tailwind CSS, Styled-components, Open Source, Git, GitLab, GitLab CI/CD, Storybook, Design, UI Libraries, Jira, Slack, Linux, MacOS, Visual Studio Code (VS Code), Databases, Web App Development, Mobile App Development, APIs, Conflict Resolution, Agile Leadership, Team Leadership, HTML5, CSS, TypeScript, Material UI, Team Building, Product Development, Yup, Scrum, Agile, PostgreSQL, Facebook SDK, SQL, Schemas, SQL Joins, Front-end, Webpack, Deployment, CSS3, Responsive Layout, Responsive Web Apps, JavaScript Testing, API Integration, Docker, Technical Leadership, Postman, MySQL, Front-end Development, HTML, Axios, Amazon Web Services (AWS), JSON Web Tokens (JWT), REST APIs, OAuth, JSX, Flux, MERN Stack, Application State Management, Firebase, Full-stack Development, Next.js
Front-end Developer and Full-stack Engineer
2020 - 2021
Creative Chaos
- Developed front-end architecture for a back-office web portal used by thousands of users.
- Built reusable front-end library packages, resulting in shareable codebases across projects.
- Followed best practices to write clean and functional code.
- Participated in the definition, development, and objectives of the project dashboard.
- Translated designs and wireframes into high-quality code.
- Ensured feasibility of UI/UX designs while implementing the latest user-facing features using React.
- Modified designs and specifications of complex applications following best practices.
- Analyzed code, requirements, system risks, and software reliability.
Technologies: JavaScript, TypeScript, CSS, Material UI, Redux, Redux-Saga, Redux Persist, Redux Form, Yup, Jira, Express.js, Sails.js, Node.js, Unit Testing, GitHub, Linux, MacOS, Visual Studio Code (VS Code), Databases, Web App Development, APIs, Conflict Resolution, Agile Leadership, Team Leadership, HTML5, Testing, React, Redux Thunk, React Redux, Redux Toolkit, Tailwind CSS, Open Source, Git, GitLab CI/CD, Design, Team Building, Product Development, Asana, Slack, Scrum, Agile, SQL, Schemas, SQL Joins, Webpack, CSS3, JavaScript Testing, API Integration, Technical Leadership, Postman, MySQL, MERN Stack, Front-end Development, HTML, Axios, GraphQL, JSON Web Tokens (JWT), REST APIs, OAuth, JSX, Flux, MongoDB Atlas, Application State Management, Firebase, Full-stack Development, Next.js
Software Engineer
2019 - 2020
Arbisoft
- Developed an app for a healthcare startup in React Native as a dedicated resource from zero to one.
- Implemented unit test cases for a React web app with 80% code coverage.
- Identified web and mobile-based user interactions across multiple browsers.
- Wrote application interface codes using JavaScript following React workflows.
Technologies: JavaScript, TypeScript, Material UI, React, React Native, Scrum, Agile, Linux, Visual Studio Code (VS Code), Web App Development, Mobile App Development, Conflict Resolution, Agile Leadership, HTML5, CSS, Node.js, Testing, React Navigation, React Native Bridge, Redux, Redux Persist, Redux Form, Redux Thunk, React Redux, Tailwind CSS, Git, GitLab, Team Building, GitHub, Asana, Slack, Webpack, CSS3, SCSS, JavaScript Testing, API Integration, Postman, Front-end Development, HTML, Axios, GraphQL, JSON Web Tokens (JWT), REST APIs, OAuth, JSX, Flux, MongoDB Atlas, Heroku, Application State Management, Full-stack Development
Serverless Full-stack Engineer
2018 - 2019
iPlex
- Worked as a full-stack developer and performed tasks mainly using React, Firebase, and Node.js.
- Estimated effort and timelines and worked to refine a product roadmap.
- Forked an open-source project to dump Firebase databases. Fixed one of the critical bugs related to nested object serialization.
- Implemented highly responsive user interface components using React concepts.
- Deployed and maintained software in cloud environments on Heroku, AWS, and Google Cloud Platform.
- Developed a back-end structure in Firebase Cloud Functions using Express.js and Node.js.
- Gained experience with PostgreSQL while migrating the NoSQL Firebase schema to SQL.
Technologies: JavaScript, JavaScript MVC, Firebase, TypeScript, Firebase Hosting, Firebase Web SDK, Redux Thunk, React, React Native, PostgreSQL, Linux, Visual Studio Code (VS Code), Databases, Networks, Web App Development, Mobile App Development, APIs, Conflict Resolution, Agile Leadership, Team Leadership, HTML5, CSS, Node.js, Testing, Android, React Navigation, React Native Bridge, Redux Persist, Redux Form, React Redux, Git, GitLab, Design, GitHub, Slack, Scrum, Agile, CSS3, SCSS, JavaScript Testing, API Integration, MERN Stack, Front-end Development, HTML, Axios, JSON Web Tokens (JWT), REST APIs, OAuth, JSX, Flux, MongoDB Atlas, Heroku, Application State Management, Full-stack Development
Experience
B2B Mobile App for Retailers
https://play.google.com/store/apps/details?id=com.app.retailerappI took over this mobile app about 1.5 years ago. Since then, I have significantly contributed to the app architecture and business logic implementation.
One of my achievements was implementing the BNPL feature end to end despite the tight deadline. We were able to release the feature ahead of the competitors. This helped us to gain end-users' trust, and we got more than 11% of users to apply for credit within three months of launch.
Here is a link to a video where I walk through the app: drive.google.com/file/d/1kiFvdtKzBw2AkARTqwjg9I5eGuVpRx84/view?usp=sharing
One of my achievements was implementing the BNPL feature end to end despite the tight deadline. We were able to release the feature ahead of the competitors. This helped us to gain end-users' trust, and we got more than 11% of users to apply for credit within three months of launch.
Here is a link to a video where I walk through the app: drive.google.com/file/d/1kiFvdtKzBw2AkARTqwjg9I5eGuVpRx84/view?usp=sharing
Online Litter Report with Geotagging
https://opendata.litterati.org/This project is a React single-page web application for Litterati, a public portal providing information about litter collection with different filters. Users can download reports according to country, city, zip code, radius range, dates, or litter tags.
The project was small in scope, and I was the only developer working on it. I used GraphQL to get data points from a public API and Google Maps to show the data points for litter in appropriate locations. It allows the download of CSV files with no more than 50,000 data points.
The project was small in scope, and I was the only developer working on it. I used GraphQL to get data points from a public API and Google Maps to show the data points for litter in appropriate locations. It allows the download of CSV files with no more than 50,000 data points.
Admin Portal Dashboard
This project is a React single-page, data-intensive web app that is a dedicated admin portal used to manage resources across the hospitals and laboratories for Aurora Health GoAges.
I made significant contributions while working on architecture, feature development, unit testing, and deployment. It was mainly built in React and consisted of authentication-based layout rendering that usually contained lists of data grids. It also incorporated a feature for COVID-19, used to diagnose if a user has COVID-19 based on symptoms extracted from data collected through different sensors.
I made significant contributions while working on architecture, feature development, unit testing, and deployment. It was mainly built in React and consisted of authentication-based layout rendering that usually contained lists of data grids. It also incorporated a feature for COVID-19, used to diagnose if a user has COVID-19 based on symptoms extracted from data collected through different sensors.
Enterprise Management System
A React web application that is used to manage all core components of its business. I worked as a lead developer with a team of four members.
I worked on developing major features, including home, profile, project logs, and team review features. The project was deployed successfully across the organization, which made daily tasks more efficient and visible across the firm.
I worked on developing major features, including home, profile, project logs, and team review features. The project was deployed successfully across the organization, which made daily tasks more efficient and visible across the firm.
A Chrome Extention
https://chrome.google.com/webstore/detail/quranic-vocabulary/ooelkkeojgepkgkiepifoijfidomhjmg?hl=enA Chrome extension that I worked on for a client. The client had only vague ideas about the product, so we collaborated in gathering requirements and performed some research and development (R&D) to create this extension.
It was not a complex project, but it impressed the relevant audience with its simplicity and uniqueness. It is built in plain JavaScript, but I later worked on a React app version.
It includes some exciting features:
• A test mode, which allows users to test themselves by hiding the translation unless they hover over it.
• "Find in the Quran," a feature that allows users to click and see where a word is in the Quran and understand the context better.
• The time and western and Hijri date.
It was not a complex project, but it impressed the relevant audience with its simplicity and uniqueness. It is built in plain JavaScript, but I later worked on a React app version.
It includes some exciting features:
• A test mode, which allows users to test themselves by hiding the translation unless they hover over it.
• "Find in the Quran," a feature that allows users to click and see where a word is in the Quran and understand the context better.
• The time and western and Hijri date.
Education
2013 - 2017
Bachelor's Degree in Computer Science
National University of Computer and Emerging Sciences - Islamabad, Pakistan
Certifications
AUGUST 2022 - PRESENT
Become a RESTful API Developer
JULY 2022 - PRESENT
SQL and PostgreSQL: The Complete Developer's Guide
Udemy
JUNE 2022 - PRESENT
Microfrontends with React: A Complete Developer's Guide
Udemy
AUGUST 2021 - PRESENT
CSS Certificate
HackerRank
FEBRUARY 2021 - PRESENT
React Certificate
HackerRank
FEBRUARY 2021 - PRESENT
JavaScript Certificate
HackerRank
Skills
Libraries/APIs
React, Redux-Saga, Redux Persist, REST APIs, Node.js, React Navigation, Redux Form, React Redux, MobX, Yup, Firebase Web SDK, Facebook SDK
Tools
GitHub, Webpack, JavaScript Testing, JSX, Redux Thunk, Redux Toolkit, Git, GitLab, GitLab CI/CD, Lerna, Asana, Slack, Jira, Postman, MongoDB Atlas
Languages
JavaScript, CSS, JavaScript 5, TypeScript, HTML, HTML5, CSS3, SCSS, GraphQL, SQL
Frameworks
React Native, Redux, Material UI, JSON Web Tokens (JWT), Tailwind CSS, JavaScript MVC, Flux, Next.js, Express.js, Sails.js, OAuth 2
Paradigms
Testing, Unit Testing, Responsive Layout, Scrum, Agile, REST
Platforms
Firebase, Visual Studio Code (VS Code), Linux, MacOS, Android, Docker, Amazon Web Services (AWS), Heroku
Storage
Databases, PostgreSQL, SQL Joins, MySQL
Other
Web App Development, Front-end, API Integration, Front-end Development, OAuth, Application State Management, Mobile App Development, Conflict Resolution, Agile Leadership, Team Leadership, Storybook, Responsive Web Apps, Technical Leadership, MERN Stack, Axios, Full-stack Development, Networks, Mobile Game Development, APIs, React Native Bridge, Styled-components, Open Source, Design, UI Libraries, Team Building, Product Development, UX Research, Firebase Hosting, Mobile UX, Schemas, Data Migration, Migration, Indexing, Deployment, CSS3 Animation, Post Processors, API Testing, Code Versioning, OpenID Connect (OIDC)
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