Verified Expert in Engineering
Visual Studio Code (VS Code), Slack
The most amazing...
...project I've worked on helps dyslexic people browse and study, and is used by hundreds of thousands of dyslexic students at school.
React Front-end Developer
- Developed a Chrome extension in React and TypeScript to recommend similar articles on clients' websites with extensive filtration.
- Added usage tracking for analytical purposes using Mixpanel.
- Oversaw the requirements and realization of concepts and integrations in weekly meetings.
- Converted the design of the Chrome extension user interface from Figma using the design system.
- Added end-to-end testing of the application and provided detailed documentation.
Vitec Software Group
- Developed the complete front end of a text-to-speech feature with syncing text highlight functionality.
- Created the word suggestion system based on cursor position and insertion at the cursor position.
- Implemented features such as the Chrome extension that works on all web pages, Google Docs, and Microsoft Word online.
- Managed various profiles based on country locations and their access to features over the application.
- Enabled rendering and displaying of files like PDF, EPUB, and Text in the online editor.
- Built a translation service to translate the static text of the application into different languages.
- Wrote unit tests for every functional requirement.
- Developed documentation for every function, component, service, and complex piece of code.
- Created the design pattern communication between the Chrome extension's background and the content script.
- Provided proof of concepts for complex features and participated in architecture design and development.
- Created an admin panel to manage web application licenses and users.
- Developed the enterprise portal for license activation.
- Integrated firebase authentication to handle users' sign-in with Admin SDK.
- Built a custom UI theme using the Tailwind CSS dashboard and its components.
- Developed a dynamic dashboard from scratch to visualize and enhance the organization's KPIs.
- Built a query builder from scratch that allowed the company to monitor overlapping work between employees.
- Integrated a chat system among several different rooms.
- Developed a widget to generate dynamic forms and models.
- Participated in the engineering and architectural design of the application.
- Created REST APIS using NestJS and multiple database connections to handle the dashboard and query builder data.
- Designed and developed the UI and functionality of various modules with custom material themes.
- Developed a food ordering web application with an admin dashboard that allows users to customize the UI and update the restaurant menu.
- Implemented sockets to handle real-time orders and maintain order logs for insights.
- Built a dashboard to enable adding portfolio projects with the presentation of images and videos of custom sizes and positions according to the screen.
- Integrated end-to-end payment features in multiple platforms, including restaurant and eCommerce web applications.
- Built the complete front end of a survey generator with custom templates and custom questions using different types of elements.
- Created components shareable by QR code and link to get responses from the audience.
- Developed dashboards to gain analysis and insights on user behavior and trends and visualize them with the help of custom charts, graphs, and tables.
- Migrated the complete front end of the application from AngularJS to React using MUI.
- Tracked and fixed logical bugs in ASP.NET by debugging.
- Implemented a dashboard to visualize statistics and report the downtime and uptime of industrial machines monitored by sensors and cameras.
IntoWords: Online Text Editor and Processor for Dyslexic Peoplehttps://intowords.com/
I was the front-end and Chrome extension developer of this project. Aligned with a highly skilled team, I integrated external tools and built custom features and functionalities that fulfilled our use cases. In a test-driven development environment, ensuring efficiency and the optimal solution was the key to a successful production.
Restaurant Food Ordering Application
The application used Socket.IO for real-time orders and Stripe for online payments.
Dynamic Survey Generator
I developed the complete front end of this app single-handedly, which included designing front-end architecture for external and internal data communication, visualizing data in chart format, generating reports, tracking survey progress, dashboards, and much more.
I developed the complete app from scratch. The core feature lies in the dashboard, where the admin can dynamically add portfolio projects by adding images and videos. Most importantly, the admin can customize the displaying size of each portfolio project on the list.
Sports Betting Websitehttps://tipnet.fr/
I designed and developed the complete application from scratch, considering the client's requirements. The app contains the admin, tipster, and user roles, with limited and exclusive access to each role. I used Socket.IO for chat integration and push notifications to update the status of tips to subscribed users. Additionally, used Stripe to enable users to buy monthly subscriptions and one-time payments to gain user-pro features. This app also allows sharing tips on social media, such as Facebook.
Angular, Flex, Next.js, NestJS, Redux, Angular Material, Tailwind CSS, Bootstrap, Express.js, Jasmine, MUI (formerly Material UI), JSON Web Tokens (JWT), Jest, OAuth 2, Cypress, AngularJS
React, Flexbox, Node.js, NgRx, jQuery, Stripe, API Development, REST APIs, Socket.IO, D3.js, RxJS, Chart.js, React Redux, Chrome API, Stripe API, WebRTC, PrimeNG, Konva, AG Grid, Puppeteer
Web UI Design, Design Patterns, Responsive Web Design (RWD), Test-driven Development (TDD), Agile, Object-oriented Programming (OOP), REST, MEAN Stack, Continuous Integration (CI), Unit Testing, UI Design, Web Architecture, Microservices, Web App Design, Behavior-driven Development (BDD)
JSON, MongoDB, Databases, NoSQL, MySQL, MariaDB, PostgreSQL
Chrome Extensions, API Integration, Front-end, Web Development, Web App Development, Responsive UI, Mockups, Design, Architecture, User Interface (UI), User Experience (UX), UI Development, UI Elements, Single-page Applications (SPA), Front-end Development, Web Accessibility, DOM, Full-stack Development, Full-stack, APIs, Proof of Concept (POC), Back-end, Startups, Cloud, RESTful Microservices, Data Structures, Software Design, Documentation, Stripe Payments, Progressive Web Applications (PWA), Charts, MERN Stack, Dashboards, Web Dashboards, Cloud Platforms, Agile Sprints, Web Page Mockups, UI Components, Web Components, Analytics, API Design, eCommerce, Key Performance Indicators (KPIs), Speech to Text, Text to Speech (TTS), Software Architecture, Third-party APIs, Scalability, Headless Software, API Documentation, Data Visualization, Dashboard Design, Code Review, SaaS, PDF Design, English, Communication, Service Workers, Browser Plugins, Marketplaces, Styled-components, Gambling, OAuth, Drag & Drop, Consumer Insights, Payment APIs, Payment Gateways, Web App UX, Web App UI, Stripe Subscriptions, TypeORM, Storybook, SEO Tools, Design Systems
Firebase, Docker, Mapbox, Mixpanel
Bachelor's Degree in Computer Science
FAST - National University of Computer and Emerging Sciences - Lahore, Pakistan
High School Diploma in Computer Science
Government College University - Lahore, Pakistan