- Full-Stack Developer
- Web applications
- Angular and Next.js
- Since 2024
- Onsite · remote · freelance
[ 02 / Selected work ]
Four applications from one role at MT Pixels.
[ 03 / Method ]
Understand the product, shape the system, then build the application.
01
Understand
I start from the job, the people who do it, and the records that job already produces.
On Engro Humsafar that meant five dealer roles and five order types, with admin setup for users, warehouses, and SAP reports. On Raahguzar, citizens report in the mobile app and a handler assigned to a district updates the complaint in the admin application.
02
Frame
I decide which parts of the product exist, and which states an order, account, or complaint can occupy.
On Engro Markaz, Microsoft sign-in and the application session are different steps. The session is what carries profile and permissions.
03
Build
I build the interface in Angular or Next.js, in TypeScript, against the API the product already has.
Raahguzar, Engro Humsafar, and Engro Markaz are Angular. EazyLaundry is Next.js. On Engro Markaz the API behind the web application is auth, core, and markaz.
04
Validate
I walk the order, the complaint, or the booking with the data it actually carries before treating the feature as done.
That includes role gates, a disclaimer before the first product line, and dates the workshop does not run.
[ 04 / Experience ]
One role. Four applications, in the order they were built.
2024
Full-Stack Developer
MT Pixels
Since September 2024 I have built Angular and Next.js applications at MT Pixels in Karachi. Engro Markaz and Engro Humsafar are still in progress. Raahguzar is complete. EazyLaundry is a private booking application used in Malaysia.
- 2024–2025: Raahguzar, the admin application for OCAC (Oil Companies Advisory Council). Citizens report in the mobile app. Handlers assigned to a district update the complaint. Completed.
- 2025: EazyLaundry, a Next.js application for member bookings, staff catalog work, and driver pickup and delivery, with Stripe for payment. Used in Malaysia. Private.
- Feb 2025 – present: Engro Humsafar, dealer orders and shipments, and admin setup for users, roles, and SAP reports. In progress.
- 2026 – present: Engro Markaz, the web application for admins and store employees, including the Markaz incharge. The farmer mobile app is separate. In progress.
[ 05 / Capabilities ]
What these applications are built with.
Product / business
- 01Turning a business process into a web application people can run
- 02Products where customers, staff, and operators each have a different job
- 03Orders, accounts, reporting, and the flows that connect them
Technical
- 01Angular, React, and Next.js, in TypeScript
- 02Forms and client state: RxJS, Zod, and React Hook Form
- 03Sign-in: Microsoft identity (MSAL) exchanged for an application session, and JWT on later requests
- 04REST API clients. On Engro Markaz the API is split into auth, core, and markaz.
Analytical
- 01Naming the workflow and the data before drawing screens
- 02Building forms, lists, and reports against the records the product already keeps
- 03Writing and reviewing so the application can be continued
Collaboration
- 01Working from the process the product has to support
- 02Reviews, testing, debugging, and technical documentation
- 03Remote and freelance work that starts from a short written note
[ 06 / Ways in ]
I build the interface for web applications people use at work.
Angular or Next.js, in TypeScript, against the API the product already runs.
I do this work at MT Pixels, onsite in Karachi. Remote projects start with a short written note.
A fit is a web application with real users and real records. A marketing site with no workflow is a poor fit.
Use the contact form or email. Direct email is always available.
Ways I can contribute
All services →01Web applicationsThe work is stuck in spreadsheets, inboxes, or a tool that was never built for this process.
Detail
I build the product in Angular, React, or Next.js with TypeScript: the flows people use, and the API calls those flows depend on.
A web application people can run: orders, accounts, field operations, reporting, or the public pages beside them.
This is the work I do at MT Pixels. Remote projects start from a short written note about the problem.
02API-backed interfacesThe screens are not the system of record. Orders, users, and payments already live behind an API.
Detail
I build the TypeScript interface against that API. In Angular that is a service contract per feature. In Next.js it is one API client. Sign-in, where the product needs it, becomes an application session before those calls open.
Screens that stay in step with the API they call, with the roles and forms the workflow needs.
This is how the MT Pixels applications on this site are built. The same kind of interface work is what I take remotely.
03Product deliveryThe product has a real workflow, and it needs to ship as software people can use every day.
Detail
I carry it from the roles and the data through review and debugging, until that workflow runs as software.
An application for that workflow, reviewed and debugged as it goes out.
Onsite in Karachi at MT Pixels, and the same kind of work remotely.
[ 07 / Profile ]
Sheikh Ubaid Ullah
I build the web applications staff use to place orders, keep accounts, and run field operations.
Engro Markaz and Engro Humsafar are in progress for Engro Fertilizers. Raahguzar, the admin application for OCAC, is complete. EazyLaundry is a private Next.js booking application used in Malaysia.
[ 08 / Contact ]
Write.
For a hiring manager, a client, or an admissions reader. I am onsite in Karachi, and I take remote work.
Resume and LinkedIn are there if you want the longer record.