Muhammad Usman Javed
Verified Expert in Engineering
Software Engineer and Developer
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
Experience
Availability
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
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.
Software Engineer
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.
Full-stack Web Developer
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.
Junior Web Developer
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.
Experience
OurDivorce Portal
https://ourdivorce.com/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
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.appROLES:
• 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 +
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
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/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/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.comROLES:
• Converted from React to Vue.
• Guided junior developers on how to structure the project.
• Served as a developer while leading junior developers.
Brokerz
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
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/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/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/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/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/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.aiROLES:
• 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/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
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
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
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
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/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=trueROLES:
• 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
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.
Skills
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
Education
Bachelor's Degree in Computer Science
COMSATS University Islamabad (CUI) - Lahore, Pakistan
Certifications
Web Development
Logics Bay
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
Choose your talent
Start your risk-free talent trial
Top talent is in high demand.
Start hiring