Muhammad Usman Javed, Developer in Lahore, Punjab, Pakistan
Muhammad is available for hire
Hire Muhammad

Muhammad Usman Javed

Verified Expert  in Engineering

Software Engineer and Developer

Location
Lahore, Punjab, Pakistan
Toptal Member Since
July 11, 2022

Usman is a highly skilled and motivated software engineer with over four years of experience. He has developed Ourdivorce.com from scratch and contributed to the growth of several startups using analytical thinking, collaboration, and technical skills. Usman keeps up to date with the latest technologies and concentrates on customers' ideas and wishes. He is eager to work on challenging software development and engineering projects.

Portfolio

Freelance
JavaScript, TypeScript, NestJS, Node.js, Vue, Nuxt.js, Tailwind CSS, Back-end...
Coeus Solutions
PHP, Symfony, React, Node.js, TypeScript, JavaScript, Tailwind CSS, Back-end...
ITCurves
Node.js, TypeScript, JavaScript, RxJS, Back-end, Full-stack, Agile, React, Vue...

Experience

Availability

Part-time

Preferred Environment

Windows, MacOS, Visual Studio Code (VS Code), Agile, NestJS, Vue, Docker, Web Development, Front-end, React, JavaScript, Nuxt.js, CSS, HTML, Git, CI/CD Pipelines

The most amazing...

...thing I've worked on is Ourdivorce.com, which is used by thousands of customers.

Work Experience

Senior Software Engineer

2019 - PRESENT
Freelance
  • Designed and developed efficient and maintainable software following various clients' business objectives and needs.
  • Managed development milestones from initial steps to final delivery.
  • Built the front end predominantly with Vue, Nuxt.js, and React and the back end with NestJS and Laravel with TypeScript.
  • Created version control options with GitHub. Used Agile Scrum and Kanban to deliver workflows.
Technologies: JavaScript, TypeScript, NestJS, Node.js, Vue, Nuxt.js, Tailwind CSS, Back-end, NoSQL, MongoDB, Full-stack, Agile, Docker, Windows, Visual Studio Code (VS Code), Web Development, Front-end, PHP, API Integration, TypeScript 3, APIs, GitHub, Axios, CSS, Content Management Systems (CMS), HTML, WordPress, Jira, Amazon S3 (AWS S3), Symfony, React, RxJS, Strapi, Stripe, Stripe API, Express.js, Slack, PHP 7, Vuex, Vuetify, Vue CLI, Vue Router, Vue 2, Vue SSR, JSX, CSS3, HTML5, SaaS, MySQL, PostgreSQL, Software as a Service (SaaS), Figma, Adobe Experience Design (XD), REST APIs, Firebase, TypeORM, jQuery, JSON, SQL, Socket.IO, Bootstrap, SCSS, Dropzone.js, Chart.js, Firebase Web SDK, AWS Lambda, Responsive UI, WebSockets, Jest, Git, CI/CD Pipelines

Software Engineer

2021 - 2022
Coeus Solutions
  • Wrote server-side and client-side code using PHP and JavaScript, specifically with React and Symfony frameworks.
  • Integrated several different APIs, such as Slack, Microsoft Teams, WhatsApp Business, and Jira, using Node.js and TypeScript.
  • Followed Agile Kanban practices on Jira under the supervision of an experienced project manager.
  • Followed proper development workflow, including Jira tickets, standard pull requests, and code reviews with the team.
  • Collaborated with the CEO on their products, including WorkHub at workhub.ai and BRAVO at getbravo.io.
Technologies: PHP, Symfony, React, Node.js, TypeScript, JavaScript, Tailwind CSS, Back-end, Full-stack, Agile, Redux, Context API, Vue, Docker, Windows, Visual Studio Code (VS Code), Web Development, Front-end, NestJS, Nuxt.js, API Integration, TypeScript 3, APIs, GitHub, Axios, CSS, HTML, Jira, Amazon Web Services (AWS), Jenkins, Next.js, Amazon S3 (AWS S3), Express.js, Jira REST API, Slack, Slack API, Microsoft Teams, Microsoft Graph API, PHP 7, Laravel, Vuex, Vuetify, Vue CLI, Vue Router, Vue 2, Vue SSR, JSX, CSS3, HTML5, SaaS, Slack App, MySQL, Software as a Service (SaaS), Python, REST APIs, NoSQL, React Native, Azure, JSON, SQL, Bootstrap, SCSS, WhatsApp API, API Platforms, SocketCluster, Responsive UI, WebSockets, WebRTC, Git, CI/CD Pipelines

Full-stack Web Developer

2019 - 2021
ITCurves
  • Joined the company to work on SaaS-based web apps. Used Vue, React, TypeScript, RxJS on the front end, Node.js and Loopback on the back end APIs, and Flutter for mobile apps.
  • Discussed the project progress with clients, collected feedback on different stages, and directly addressed concerns.
  • Assisted new team members in onboarding and helped them learn technology stacks.
Technologies: Node.js, TypeScript, JavaScript, RxJS, Back-end, Full-stack, Agile, React, Vue, React Native, Windows, Visual Studio Code (VS Code), Web Development, Front-end, Loopback, API Integration, Stripe, Stripe API, TypeScript 3, APIs, GitHub, Axios, CSS, HTML, Express.js, Vuex, Vuetify, Vue CLI, Vue Router, Vue 2, JSX, Material UI, CSS3, HTML5, SaaS, MySQL, Software as a Service (SaaS), REST APIs, JSON, SQL, Wamp, SCSS, Dropzone.js, Chart.js, Responsive UI, Git, CI/CD Pipelines

Junior Web Developer

2017 - 2018
Logics Bay
  • Planned website development, converting mockups into usable web presence with HTML, CSS, JavaScript, Ajax, and jQuery.
  • Integrated data from back-end services and databases.
  • Validated the input given to the user interface with JavaScript and jQuery.
Technologies: JavaScript, PHP, Wamp, HTML, HTML5, CSS, CSS3, Bootstrap, Windows, Web Development, Front-end, PHP 7, Laravel, MySQL, Back-end, Full-stack, jQuery, JSON, SQL, Content Management Systems (CMS), WordPress, Responsive UI

OurDivorce Portal

https://ourdivorce.com/
A Vue and Node.js-based web app, which is a three-step process that provides divorcing couples with documents guaranteed to be accepted by the courts. I developed this project while working for ITCurves.

ROLES:
• Gathered client requirements.
• Worked on dynamic forms, such as rendering survey questions from complex JSON.
• Handed complicated scenarios regarding spouses' data conflicts.
• Created user payment subscriptions with Stripe.
• Developed interactive charts and calendars for different data visualizations.
• Delivered continuous integration (CI/CD) with GitLab and AWS services.
• Used Knackly's Document Automation service to automate legal documents.

BB-360

A Vue and Node.js-based generalized management dashboard with powerful modules to manage different organizations' tasks, such as employees, stock, and retails. I developed this project while working for ITCurves.

ROLES:
• Led two developers as a junior technical lead.
• Worked on a dynamic widget-based dashboard with drag-drop support.
• Worked as a junior team lead, leading fellow developers.
• Implemented social media login/signup functionality.
• Trained on Loopback 4 and oversaw the entire back end.
• Collaborated with a junior Flutter developer and communicated REST APIs.

EduX-360

https://edu-x.netlify.app
A Vue, NuxtJS, and Strapi-based web app that combines features such as class management, administrative management, meetings, attendance, assessments, and many others used in education management. It is meant to be an all-in-one educational management tool.

ROLES:
• Gathered requirements and used Jira for project management.
• Used Strapi as a headless CMS for quick back-end API development.
• Added interactive and draggable widgets on the dashboard for viewing data such as total students and total enrolled courses.
• Added "role-based authorization" in NuxtJS and Strapi to protect access for API endpoints.
• Delivered a fully custom design using VuetifyJS.
• Created popular NuxtJS modules to make the web app fully interactive, including Strapi-Nuxt and Vuetify-Nuxt.

Mockup +

A NuxtJS and Laravel-based eCommerce web app for publishing and selling free, premium, and high-quality mockups.

ROLES:
• Gathered requirements from the client and oversaw project management on Jira.
• Discussed milestones, related features, and implementation upfront.
• Implemented the consumer end portal and administration panel from start to end.
• Collaborated with the back-end developer for APIs.
• Added Stripe for secure payments.
• Converted pixel-perfect designs from Adobe XD using Vuetify.
• Created high-quality and responsive email templates with MJML.
• Supported dynamic and static blog posts on the consumer end.
• Added interactive charts on the administration panel for revenue, traffic, and downloads.

Paradise Tee Times

Rewrote a website over a decade old using Vue about golf tee-times. I developed this project while working for ITCurves.

ROLES:
• Converted from React to Vue.
• Handled complex API filters on several different third-party booking APIs.
• Guided junior developers on how to structure the project.
• Served as a side-developer leading junior developer.

WorkHub

http://workhub.ai/
WorkHub enables hybrid work in organizations to increase engagement, productivity, and employee morale. I developed this project while working for Coeus Solutions.

ROLES:
• Collaborated with the team and the lead on daily tasks.
• Followed confluence documentation written by the system architect.
• Followed the pull request structure and completed code reviews accordingly.
• Expanded the microservices architecture based on Symfony (PHP) and React.
• Handled real-time communication through a Node.js-based Socket-Cluster SDK.
• Delivered CI/CD using AWS ECS services.

BRAVO Platform

https://getbravo.io/
BRAVO is a multi-functional employee reward and recognition platform tailor-made for the needs of millennial and Gen Z employees. I worked on this project while working for Coeus Solutions.

ROLES:
• Collaborated with the back-end developer to write custom integrations with different platforms.
• Used third-party client SDKs to write custom integrations.
• Used AWS services for deployment, GitHub for version control, and Jira for project management.
• Used DynamoDB as a NoSQL database for storing user states.
• Delivered custom integrations, including a Slack and Microsoft Teams app.

Company Alarm

https://www.companyalarm.com
A Vue and .NET-based web app to protect your business from cybercriminals. I worked on this project while working for ITCurves.

ROLES:
• Converted from React to Vue.
• Guided junior developers on how to structure the project.
• Served as a developer while leading junior developers.

Brokerz

A static eCommerce-like web app based on Vue and Node.js. I worked on this project while working for ITCurves.

ROLES:
• Guided junior developers to restructure the project on Vue.
• Assisted the Flutter developer in finalizing the cross-platform app.
• Went through complex Loopback 4 APIs and helped juniors find and understand the resources.

Form Worthy

A Vue-based web app for building highly interactive and complex survey forms. I developed this project while working for ITCurves.

ROLES:
• Rendered dynamic components and widgets based on a complex JSON structure.
• Added drag and re-adjust functionality to survey question components.

Slack App (BRAVO)

https://slack.com/apps/A028YV2LBEW-bravo/
A Node.js-based BRAVO app lets you integrate with Slack and recognize your employees' achievements within team conversations. I worked on this app while working for Coeus Solutions.

ROLES:
• Used Slack's Node.js Bolt framework for building the app.
• Collaborated with the back-end developer for several APIs.
• Studied other Slack apps to get ideas on how they work.
• Used Slack Block Kit for building its user interfaces.
• Published Slack apps on their store.
• Connected with Slack support for app reviewal process.

Microsoft Teams App (BRAVO)

https://appsource.microsoft.com/en-us/product/office/WA200003694/
A NuxtJS and Node.js-based app lets you easily give employee-to-employee rewards with MS Teams integration with BRAVO. I worked on this app while working for Coeus Solutions.

ROLES:
• Rendered a NuxtJS app from a custom Express server.
• Learned TailwindCSS 3 and implemented a custom UI with the Vue and NuxtJS ecosystem.
• Used the Node.js-based MS Teams bot framework to build the app.
• Collaborated with the back-end developer on several APIs.
• Studied other MS Teams apps to get ideas on how they work.
• Published MS Teams apps on their store.
• Got in touch with MS Teams support for the app reviewal process.

360Dialog

https://360dialog.com/
An official WhatsApp business partner providing WhatsApp business API (WABA) and mobile automation solutions. I worked on this project while working for Coeus Solutions.

ROLES:
• Studied WhatsApp Business API (WABA) documentation.
• Developed a proven process for developing a Jira app from scratch.
• Learned the Jira workflow, status, and transition REST APIs.
• Used Jira's React UI components for user interfaces.
• Connected WABA from Python to the Jira Node.js app.
• Received mentorship from my senior on Python complexities.
• Used Redis as a cache layer and a database for storing Jira app installations.

Connect (WorkHub)

https://workhub.ai/connect/
A React and Symfony-based web app packed with everything needed to build a reliable employee communication and collaboration tool. I worked on this project while working for Coeus Solutions.

ROLES:
• Completed code reviews with the team and the lead.
• Expanded the chat module and improved it with specific optimizations.
• Added support for a WYSIWYG editor support in chat.
• Fixed bugs related to the video calling module with the team.
• Added @ mentions in the chat.

Scheduling (WorkHub)

https://workhub.ai/products/workhub-scheduling-appointment-scheduling-software/
A React and Symfony-based web app that lets you organize professional meetings with the smart scheduling tool that can save you time, effort, and money. I worked on this project while working for Coeus Solutions.

ROLES:
• Completed code reviews with the team and the lead.
• Explored Cronofy JavaScript and PHP SDKs and configured it according to the requirements.
• Added an option to easily sync with all calendars, including Google, Apple, and Office, etc.
• Provided support from WorkHub Connect to book meetings in WorkHub Scheduling.
• Supported for marking available and unavailable slots.

Admin (WorkHub)

https://app.workhub.ai
A React and Symfony-based web app that lets you manage all WorkHub apps in one place. I worked on this project while working for Coeus Solutions.

ROLES:
• Completed code reviews with the team and the lead.
• Synced users' data across all the WorkHub apps, i.e., CRUD updates.
• Added employee attendance with the support of exporting in different extensions and to different integrations.
• Integrating third-party HR systems into the portal for exporting employees and attendance, including People HR, etc.

Booking Automation for YouCanBookMe

https://youcanbookme.netlify.app/
A Vue and NuxtJS-based web app allows you to upload a CSV file with booking data that will create the bookings in bulk.

ROLES:
• Gathered requirements and studied YouCanBookMe Rest APIs.
• Added drag-drop upload component for CSV, XLS, and XLSX file upload.
• Parsed data from the uploaded file and showed it in a table for verification.
• Used a JavaScript concurrency model to create bookings in parallel and show pending/done/fail status next to each row.

Fittler

A web portal for a fitness tracker mobile app based on Vue, NuxtJS, and Express.

ROLES:
• Discussed requirements and finalized the tech stack.
• Added several interactive charts showing user fitness activity done from the mobile app.
• Enabled administrators to manage users and diet plans.
• Used Firebase as the primary database and for authentication.
• Showed monthly and weekly leaderboards where users can see their placings, motivating them to do more fitness activities.
• Collaborated with the mobile developer and discussed Firebase queries from Firestore.

Its Lit

A Vue-based custom blog website.

ROLES:
• Used Firebase as the primary database and for authentication.
• Enabled administrators to create, edit, and delete the posts from the admin panel.
• Added social media login using Firebase authentication.
• Supported profile picture uploads using Firebase Storage.

Digital Invigilator

A Laravel-based website for quick class quizzes.

ROLES:
• Discussed requirements and finalized the tech stack.
• Incorporated word processing that enabled teachers to create subjects and sub-topics and add difficulty levels for quizzes.
• Enable students to attempt quizzes under the time limit put by the teacher.
• Show interactive charts to the student using Chart.JS for performance review.
• Handled complex difficulty-level logic; for example, if a student writes an incorrect answer, the system will try to find an easier question.

Baken Eat

A test project to get hands-on experience with a custom design using VuetifyJS and Vue.

ROLES:
• Understood Vuetify 2 and Vue 2 at an advanced level.
• Learned to customize designs, SCSS variables, and icons in Vuetify.
• Learned Java, Spring Boot, and Hibernate throughout the projects' development.
• Went through popular design patterns, including repository and singleton patterns.

Phonebook

https://usmanjavedattari.github.io/phonebook/
It was a test project to get hands-on experience with the VueSax 4 design framework.

ROLES:
• Learned service-class and singleton design patterns using RxJS.
• Used stack data structure to handle our phonebook data.
• Learned the VueSax 4 UI framework.

Algo Visualization

https://usmanjavedattari.github.io/algo-visualization?dummyData=true&graphs=true
Algo Visualization was a test project to get hands-on experience with Vue 3 and some algorithms.

ROLES:
• Introduced to Vue 3 and began learning composition API.
• Worked with graphs to show the algorithms' data visually.
• Introduced to some of the fastest sorting algorithms on the market.

Tedera

A food and product ordering web app based on the Vue, NuxtJS, and NestJS ecosystem.

ROLES:
• Gathered requirements from the client and delivered project management on Jira.
• Discussed milestones, related features, and implementation upfront.
• Created a real-time chat and ordering system using SocketIO.
• Implemented SMS OTP verification services.
• Wrote a custom plugin in NuxtJS for Google Maps.
• Converted pixel-perfect designs from Figma using Vuetify.
• Added support for multiple languages.
• Added "role based authorization" on API endpoints using NestJS Guards.
• Handled complex logic on order and delivery management, for example, auto canceling the order is not accepted, auto opening and closing stores on their respective timings, etc.
2018 - 2022

Bachelor's Degree in Computer Science

COMSATS University Islamabad (CUI) - Lahore, Pakistan

DECEMBER 2017 - PRESENT

Web Development

Logics Bay

Languages

PHP, TypeScript, JavaScript, HTML, CSS, PHP 7, CSS3, HTML5, TypeScript 3, Python, SQL, SCSS

Frameworks

NestJS, Nuxt.js, Next.js, Tailwind CSS, Express.js, Laravel, Vuetify, Redux, Bootstrap, Dropzone.js, Symfony, Loopback, Vue SSR, Material UI, React Native, Jest

Libraries/APIs

React, Node.js, RxJS, Vue, Slack API, Vuex, Vue 2, REST APIs, Context API, jQuery, Socket.IO, Chart.js, Firebase Web SDK, Stripe, Stripe API, Jira REST API, WhatsApp API, WebRTC

Tools

Slack, Vue CLI, JSX, Figma, Adobe Experience Design (XD), GitHub, Git, Jira, Microsoft Teams, SocketCluster, Jenkins

Paradigms

Agile

Platforms

Windows, Firebase, Visual Studio Code (VS Code), Docker, WordPress, MacOS, Amazon Web Services (AWS), Azure, AWS Lambda

Storage

MySQL, MongoDB, JSON, Amazon S3 (AWS S3), PostgreSQL, NoSQL

Other

Web Development, Front-end, API Integration, Vue Router, SaaS, Back-end, TypeORM, Full-stack, APIs, Axios, Wamp, Slack App, Responsive UI, WebSockets, Strapi, Microsoft Graph API, Software as a Service (SaaS), Content Management Systems (CMS), API Platforms, CI/CD Pipelines, Word Processing

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