Haris is available for hire

Haris Jamil

Verified Expert in Engineering

Full-stack Developer

Location

Lahore City, Punjab, Pakistan

Toptal Member Since

September 2, 2022

Haris is a full-stack web programmer specializing in front-end technologies. He has five years of experience working mainly with React and TypeScript. With a keen eye for detail, he excels in writing clean and performant code and efficiently solving complex problems. Haris loves working in cross-functional, multicultural teams, inspiring and being inspired by others.

Front-end User Interface (UI)Full-stack Data Visualization Web Development Responsive UI Bootstrap 4 React Hooks MacOS React CSS3 HTML5 Jest GitHub REST APIs

Portfolio

Growthware Incorporated

React, TypeScript, Microservices, API Integration, Redux, Amazon Cognito...

Cassbana

AngularJS, TypeScript, NestJS, REST APIs, PostgreSQL, RESTful Microservices...

C-Thru-AI Inc

React, Next.js, Tailwind CSS, Jest, React Testing Library, REST, DOM, CSS3...

Experience

Jest - 5 years React - 5 years JavaScript - 5 years MUI (Material UI) - 4 years TypeScript - 4 years Redux - 4 years React Testing Library - 3 years Next.js - 3 years

Availability

Part-time

Preferred Environment

MacOS, Agile Software Development, Jira, Asana, Scrum, Kanban, Confluence, Slack, Skype, Visual Studio Code (VS Code)

The most amazing...

...thing I've developed is the Rabbit Care customer portal, which is entirely functional and has 20,000 active users.

Work Experience

React Full-stack Developer

2023 - PRESENT

Growthware Incorporated

Developed multiple React apps using Turbo monorepo.
Created a UI library using React and Tailwind CSS.
Integrated a GraphQL API using React Apollo query. Fetched user information through the Amazon Cognito API.
Implemented Storybook to preview different use cases of UI components.

Technologies: React, TypeScript, Microservices, API Integration, Redux, Amazon Cognito, Amazon Cognito User Pools, React Apollo, GraphQL, Monorepos

Senior Software Engineer

2022 - PRESENT

Cassbana

Worked with the product manager and stakeholders to gather feature details.
Launched a B2C dashboard (using Angular and TypeScript) that helps merchants manage their products and campaigns.
Implemented componentization in Angular for clean code.

Technologies: AngularJS, TypeScript, NestJS, REST APIs, PostgreSQL, RESTful Microservices, Node.js, Slack, Web UX, Web UX Design, Communication, English, Web UI

Front-end Developer

2022 - 2023

C-Thru-AI Inc

Developed an app where admins and managers can manage worldwide AI regulations and map them to requirements.
Used Next.js and React Query to improve the client-side caching and optimize the application's performance.
Implemented test cases on the front end to cover general use cases and maintain code coverage of at least 80% using Jest and the React Testing Library.
Converted Figma designs into pixel-perfect React components using Tailwind CSS.

Technologies: React, Next.js, Tailwind CSS, Jest, React Testing Library, REST, DOM, CSS3, Pixel Perfect, Single-page Applications (SPA), Dashboards, Test-driven Development (TDD), Agile Software Development, Architecture, Web Development, Unit Testing, API Integration, Front-end, JSX, CSS, REST APIs, GitHub, ECMAScript (ES6), Axios, MacOS, Figma, Responsive UI, UX Design, UI Design, Design, Slack, RESTful Microservices, Web UX, Web UX Design, Communication, English, Web UI

Software Engineer

2021 - 2022

Systems Limited

Developed the front end of the event management and survey service that integrates the TAMM Abu Dhabi government services website, a single stop for all government services and journeys.
Built many React components from scratch, such as the button, step wizard, and modal.
Increased the unit test coverage from 45% to 65% using Jest and the React Testing Library.
Collaborated with an international team of engineers and product managers.

Technologies: JavaScript, Node.js, React, Redux, GraphQL, TypeScript, RTK Query, Jest, Enzyme, Bootstrap 4, React Hooks, Next.js, React Testing Library, MUI (Material UI), GitHub, Bitbucket, HTML5, ES6 Promises, REST APIs, JSON Web Tokens (JWT), Responsive Web Apps, CSS, HTML, Axios, JSX, PostgreSQL, Redux-query, Linux, Front-end, API Integration, Unit Testing, Front-end Architecture, Auth0, APIs, JSON, Refactoring, User Interface (UI), SQL, Pixel Perfect, Full-stack, Microservices, Docker, React Router, Redux Thunk, Single-page Applications (SPA), React Redux, Dashboards, Test-driven Development (TDD), Ant Design, Jira, Scrum, REST, DOM, CSS3, Agile Software Development, Architecture, Management, Web Development, ECMAScript (ES6), MacOS, Figma, Responsive UI, UX Design, UI Design, Design, Slack, RESTful Microservices, Web UX, Web UX Design, Communication, English, Web UI

Full-stack Developer

2021 - 2022

Dematrading.ai

Developed the Dematrading Hub, where users can create wallets and bots and use bots to buy and sell crypto coins.
Integrated third-party APIs and learned how to monitor dependencies and avoid failures.
Refactored the code to improve its readability and increased test coverage by 70%.

Technologies: React, Redux, NestJS, MongoDB, Mongoose, JavaScript, TypeScript, Jest, Node.js, Enzyme, Bootstrap 4, React Hooks, GitHub, Binance API, CCXT, HTML5, ES6 Promises, REST APIs, JSON Web Tokens (JWT), Responsive Web Apps, CSS, HTML, Axios, Express.js, MongoDB Atlas, JSX, Linux, Front-end, API Integration, Unit Testing, Auth0, APIs, JSON, Refactoring, User Interface (UI), Pixel Perfect, Full-stack, Microservices, OAuth, Docker, Single-page Applications (SPA), Test-driven Development (TDD), Jira, Scrum, REST, DOM, CSS3, Agile Software Development, Architecture, Management, Web Development, Crypto, ECMAScript (ES6), MacOS, Figma, Responsive UI, UX Design, UI Design, Design, Slack, RESTful Microservices, Web UX, Web UX Design, Communication, English, Web UI

Full-stack Developer

2020 - 2021

Synavos Solutions

Contributed to multiple projects, including BrandCloud, which focused on social media analytics; Action for Society, a social awareness application; and FEBYS, a multi-vendor eCommerce marketplace.
Worked with the latest React features, such as Hooks and the Redux Toolkit.
Optimized React code using React Developer Tools for better performance.
Learned to create reusable components using Storybook.

Technologies: React, Redux-Saga, Redux, Node.js, Express.js, MySQLi, JavaScript, TypeScript, Jest, React Testing Library, Enzyme, Bootstrap 4, React Hooks, Next.js, MUI (Material UI), GitHub, GitLab, Bitbucket, HTML5, ES6 Promises, REST APIs, JSON Web Tokens (JWT), Responsive Web Apps, CSS, HTML, Axios, MongoDB Atlas, JSX, Redux-query, SCSS, Linux, Front-end, API Integration, Unit Testing, Front-end Architecture, APIs, JSON, Refactoring, User Interface (UI), SQL, Pixel Perfect, Full-stack, Microservices, OAuth, Docker, React Router, Redux Thunk, Single-page Applications (SPA), React Redux, Dashboards, Data Visualization, Test-driven Development (TDD), Firebase, MySQL, Ant Design, Redux RTK, Jira, Scrum, REST, DOM, CSS3, Agile Software Development, Architecture, Management, Web Development, ECMAScript (ES6), MacOS, Figma, Responsive UI, UX Design, UI Design, Design, Slack, RESTful Microservices, Web UX, Web UX Design, Communication, English, Web UI

Software Engineer

2018 - 2020

Arrivy

Designed, developed, and maintained server-side modules using Python, the Google App Engine, and React for front-end interfaces.
Improved the existing code performance by changing underlying data structures.
Communicated, collaborated, and helped clients integrate various product modules into their systems.
Learned how to build complex React components efficiently.
Explored how to reduce time and space complexity by improving the underlying logic and algorithm.

Technologies: Redux, React, Google Cloud, webapp2, Python, Bootstrap 4, JavaScript, Jest, Node.js, Enzyme, React Hooks, React Testing Library, GitHub, GitLab, Bitbucket, HTML5, ES6 Promises, REST APIs, JSON Web Tokens (JWT), Responsive Web Apps, CSS, HTML, Axios, Express.js, JSX, SCSS, Linux, Front-end, API Integration, Unit Testing, Front-end Architecture, APIs, JSON, Refactoring, User Interface (UI), Pixel Perfect, Full-stack, Microservices, React Router, Redux Thunk, Single-page Applications (SPA), React Redux, Dashboards, Data Visualization, Test-driven Development (TDD), Jira, Scrum, REST, DOM, CSS3, Agile Software Development, Architecture, Web Development, ECMAScript (ES6), MacOS, Figma, Responsive UI, UX Design, UI Design, Design, Asana, Slack, RESTful Microservices, Web UX, Web UX Design, Communication, English, Web UI, jQuery

Experience

Arrivy Inc.

https://app.arrivy.com

A web-based application for task management for a Silicon Valley startup. As a software engineer, I understood the client's requirements and developed the back- and front-end features. Our tech stack was React and JavaScript on the front end and Python, webapp2, and GCP on the back end. I refactored the task form (an integral part of the application) to reduce its loading time from 4 seconds to 2-3 milliseconds, which received great reviews from clients.

LOGIN CREDENTIALS
email: delta_company@getnada.com
password: 123

C-Thru-AI Admin Dashboard

An admin dashboard that C-Thru-AI managers and admins use to map the regulatory requirements and C-Thru-AI requirements. I developed the entire dashboard from scratch using Next.js, NextAuth.js, and Tailwind CSS. Later, I added test cases and maintained 80% code coverage on the front end using Jest and React Testing Library.

Rabbit Care Customer Portal

https://portal.rabbitcare.com/en

A web application where customers can log in to view their insurance policies. The application improves the customer experience because they can log in to see all their policies rather than going through their emails. I was one of two front-end developers and worked closely with back-end and design team to develop the portal using React, Redux Toolkit (RTK Query), and Tailwind CSS.

FEBYS

An eCommerce marketplace for vendors to sell their products online. As a full-stack developer, I developed multiple features from end to end using TypeScript, React, Redux, React Query, Express.js, Node.js, and MySQL. My main focus areas were the added product feature and the product listing view, which help vendors create and view products for their stores seamlessly.

LOGIN CREDENTIALS
username: admin
password: admin

RealtyShoot

A SaaS application where a real estate client can find stagers, photographers, and videographers for its properties. I developed the application from scratch using React, React Hooks, Redux, TypeScript, React DnD, Tailwind UI, Tailwind CSS, and GraphQL. I also developed a separate UI components package using Tailwind UI and Tailwind CSS with Storybook implementation.

Action for Society

A web-based application for social awareness. I worked as the lead front-end developer and managed a team of three engineers. We worked closely with the back-end team to develop an admin dashboard where the organization and its team members can create social events, such as mental health awareness activities. We also developed a view where managers can see data analytics for activities within a 30-kilometer radius. We developed the application using React, Redux, Axios, JavaScript, and Apex Charts.

ROQ Platform

Worked on a headless feature as a service for the ROQ platform, which offers the features needed for web applications. Instead of wasting time developing commodities, users can immediately build what makes their web applications stand out. The features are perfectly integrated and ready to use on day one.

Skills

Languages

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

Frameworks

Redux, Tailwind CSS, Express.js, Jest, MUI (Material UI), Next.js, Bootstrap, JSON Web Tokens (JWT), NestJS, Ant Design, webapp2, AngularJS

Libraries/APIs

React, Redux-query, Node.js, REST APIs, React Router, React Redux, Redux-Saga, Binance API, CCXT, jQuery, React DnD

Tools

GitHub, GitLab, Bitbucket, JSX, Redux Thunk, Jira, Asana, Slack, MongoDB Atlas, React Apollo, Auth0, Figma, Mongoose, Confluence, Skype, Amazon Cognito

Paradigms

Unit Testing, Refactoring, Microservices, Test-driven Development (TDD), Scrum, REST, Agile Software Development, UI Design, Web UX Design, Management, UX Design, Kanban

Platforms

MacOS, Linux, Docker, Firebase, Visual Studio Code (VS Code), Google Cloud Platform (GCP)

Storage

JSON, PostgreSQL, MongoDB, MySQLi, Google Cloud, MySQL

Other

ES6 Promises, Axios, RTK Query, React Testing Library, Enzyme, Bootstrap 4, React Hooks, Responsive Web Apps, Front-end, API Integration, Front-end Architecture, APIs, User Interface (UI), Pixel Perfect, Full-stack, Dashboards, Data Visualization, DOM, Architecture, Web Development, Crypto, Responsive UI, RESTful Microservices, Web UX, Communication, English, Web UI, Apollo Server, OAuth, Single-page Applications (SPA), Redux RTK, Design, Vite, NDB, React Query, Storybook, Amazon Cognito User Pools, Monorepos

Education

2014 - 2018

Bachelor's Degree in Computer Engineering

Ghulam Ishaq Khan Institute of Engineering Sciences and Technology - Topi, Pakistan

Certifications

JANUARY 2021 - PRESENT

React (Basic) Certificate

HackerRank