Tariq Abdullah Email & Phone Number

Yonkers, Ny, Us

Yonkers, Ny, Us

Boston, Massachusetts, Us

Project Deliverables:o Reusable UI Components: Built small, single-purpose components using React, following atomic design principles. These components were engineered for high cohesion and low coupling to enhance simplicity and reusability.o UI Structures: Utilized atomic design methodology to integrate smaller components into more intricate and dynamic elements, building a scalable UI architecture.o Component Library: Established and managed a shared library of reusable atomic components, enabling seamless cross-project and cross-team collaboration within the organization.o Branding: Ensured component adaptability to diverse brand themes, including color palettes, typography, and design elements, to maintain a cohesive brand experience across all products.o AWS Deployment & Services: Deployed the project on AWS, utilizing AWS Amplify for front-end hosting and seamless integration with backend services. Leveraged AWS API Gateway to manage API calls, AWS Lambda for serverless computing, and DynamoDB for efficient data storage, ensuring a scalable and resilient application architecture.

Bethesda, Md, Us

Role Summary:Created a high-impact, visually appealing landing page for the high-profile ERAS tour by Taylor Swift, sponsored by Marriott. This page was viewed by millions of fans and Marriott members. Project Deliverables:- Landing Page Development: Developed a multi-section landing page in HTML, with each section dedicated to different content aspects such as tour dates, ticket booking, sponsor information, and fan interactions. The landing page was designed based on figma specs with pixel level precision- Optimization for Fast Loading: o Minimized HTTP requests by combining files and using sprite sheets.o Implemented lazy loading for images and media content.o Utilized CDN for static assets to reduce server load.o Applied minification and compression techniques for CSS, JavaScript, and HTML files.o Employed browser caching strategies.o Opted for asynchronous loading of JavaScript files.- Accessibility Compliance: o Ensured keyboard navigability throughout the landing page.o Implemented ARIA roles and landmarks for screen reader compatibility.o Maintained color contrast ratios for readability and visual impairment accommodation.o Provided alt text for all images.o Ensured form controls and interactive elements were accessible.Key Achievements:o Successfully delivered a visually striking and engaging landing page that effectively marketed the Taylor Swift tour and highlighted Marriott’s sponsorship.o Achieved significant improvements in page load times through meticulous optimization strategies.o Ensured the landing page was fully accessible, aligning with web accessibility standards.o Collaborated with designer, client, project manager and other key stakeholders to deliver a high-profile project within a tight timeline and according to requirementso Demonstrated expertise in modern web design practices, leveraging Tailwind CSS with advanced customization for a unique and cohesive aesthetic.

Santa Clara, California, Us

Key Responsibilities:- Design of Atomic Components: Created small, reusable, and purpose-specific UI components using React. These components are designed to be highly cohesive and loosely coupled, ensuring simplicity and reusability.- Composition of Complex Components: Leveraged the atomic design methodology to combine atomic components into more complex molecules, organisms, and templates, thereby creating a scalable UI ecosystem.- Shared Component Library: Developed and maintained a shared library of these atomic components, facilitating their reuse across different teams and projects within the organization.Features and Optimizations:- Built-in Validation: Integrating validation logic within components (e.g., form inputs) to streamline form handling and improve user experience.- Extensibility: Designed components with extensibility in mind, allowing other developers to extend or customize them without modifying the original codebase.- State Management: Efficient state management within components, using hooks like `useState` and `useReducer` for local state, and contexts or state management libraries for shared state.- Performance Optimization: Implementing performance optimizations like lazy loading, memoization (using `React.memo`), and efficient rendering techniques to enhance application performance.- Accessibility Compliance: Ensuring all components are accessible, adhering to WCAG guidelines, and incorporating features like keyboard navigation and screen reader support.- Responsive Design: Crafting components to be responsive and adaptable to different screen sizes and devices using CSS and media queries.- Unit and Integration Testing: Writing thorough unit and integration tests for each component using testing frameworks like Jest and React Testing Library.

San Antonio, Texas, Us

Overview: Managed small team of engineers as tech lead in addition to hands-on coding to create collection of landing pages as required by client USAA for credit card and bank account promotional offers. Delivered 5 landing pages within the planned timelines and meeting all milestones.Tech-Lead Role: Scheduled and ran daily tech-planning meetings to discuss technical approach; created, assigned and prioritized tickets; checked on tech work progress; provided hands-on help as needed; arranged pairing sessions for dev-to-dev support; ensured milestones are met such as QA handoff, demos and client handoffs; identified dev bottlenecks and secured additional time; promoted shared components and templating; identified and leveraged 3rd party components and librariesDev Role: Coded HTML and jQuery templates; developed segments of the landing pages as self-contained views; styled HTML components to spec; developed HTML/CSS views and components optimized for responsive designStakeholder Engagement: attended demos to respond to client concerns and questions; collaborated with design team on technical cost and feasibility issues; responded to client’s feedback after handoff to translate into change requests and bug fixes

New York, New York, Us

Team #3: Consumer Wealth Management – AG-Grid, Roles & Permits, Servicing, CSC & FRL SquadsRoles-based development: Refactored dashboard to facilitate implementation of new roles/permissions. Developed components and views around roles and permissions centric design.Permit-based feature design: refactored existing code-base and developed new features based on permit-centric design. This allowed A/B testing capabilities and ability to switch off new features with defects in production.Third party components: interfaced with 3rd party component, AG-Grid, to enhance search and filtering capabilities, implement color-coding, and add file-export/reporting featuresShared components – internal: extended shared components with additional features to be leveraged across all team such as integrating Google Auto-complete Places API into shared form componentsTeam #2: Private Wealth Management – Client Profile TeamPhase 1A: Created generic form objects (gfo’s) to dynamically display form fields based on profile item type. Created mapper function to parse complex incoming payloads. Managed collections of profile changes as notification lists. Built a deep-linking feature that enabled user to jump directly to the profile item that is displayed in a fly-in side-drawer by clicking on a link in a notification email. Phase 1B: second phase of the client profile project, users are able to approve, reject, and edit changes to their profiles. In addition, users are able to add new profile items to the new contact info page. Created various features including view more/view less, side-drawer edit pop-out, dynamic options, and filter-search dropdowns to manage large option lists.Phase 2A: third phase of client profile project, investment objectives, created payload to UI mapper, constructed wrapper and template design to accommodate variable investment objective formats.Team #1: Transaction Banking – Channels Team Details Available Upon Request Due to Space Limitation

Ny, Ny, Us

Details Available Upon Request

Melbourne , Victoria, Au

Aqua ~ ELA Web-based Games for Elementary LevelLead React Front end & React Native Game Developer – • Gem & Nye & Friends Game: ELA game to reinforce early reading skills by aiding students to identify phonemeso Created React Native Web Components that have dual web/native functionality to facilitate efficient porting to mobile platform in the second phase of developmento Constructed complex animation sequences using React animation componentso Integrated audio and sound effects into animation sequenceso Designed custom reusable animated interactive React Native Web components useable for web and mobile platforms: Slider component that responded to student interaction to switch between animation-based instruction segments Customizable features by leveraging game state and properties of the component such as elasticity, orientation and skin Redux-driven functionality that dictated the flow of state between user actions, slider and animated segmentso Daily standups and frequent meetings with offshore team to address UI/UX, new feature sets, and change requestsAqua ~ ELA Web-based Games for Elementary LevelLead React Front end Game Developer – • Word Slide Game: ELA game to reinforce reading skills related to silent ‘e’, soft and hard consonants, doubling and bossy ‘r’o Designed proof of concept by combining features of various board and online games and integrating them as part of a series of ‘game jam’ brainstorming sessions.o Created word-slot and letter-slot components with sliding, locking and highlighting animations that promoted a user friendly, real-world experience for young learnerso Implemented Redux-driven customized routing workflow to render different screens, levels and transitional segments that offered forward compatibility with upcoming mobile/native buildso Daily standups and frequent meetings with offshore team to address UI/UX, new feature sets, and change requests

Card Shop ~ React Uplift Project – 3-month projectFront end Developer – two high traffic web pages:• Corporate Card Benefits & Business Home Web pages ~ design and development:o Designed web page layout using SASS/SCSS as per specs provided by marketing & POo Created React components, using Redux for unidirectional data flowo Integrated with backend through service layer using AJAX to fetch page datao Implemented tagging feature to enable tracking of customer behavioro Used responsive design for maximum viewability across Android and iOS devices• Business Home Web Page ~ branding updates:o Revamped business home page as per marketing’s new rebranding campaigno Created complex artifacts to meet branding requirements, such as image-laden backgrounds and gradient texts in SASS/SCSS

New York, Ny, Us

Aqua - Academic Accreditation PlatformFull Stack Developer – member of the following development teams:• Modular Javascript & Jquery to React Migration Team in Aqua platform: o Resolved dozens of tickets to finalize the integration between the new React front end and existing Web API.o Addressed dozens of front end critical issues relating to migration bugs • Feature Development team in Aqua Platform – ‘Pioneers’: o Developed in React, C# / Web API and SQL to meet story specso Participated in general tech planning meetings with architect and in-depth technical planning meetings with co-developers and other team memberso Refactored API to meet new feature demands without code duplicationo Refactored database objects to more atomic scope for reuse with new features• Technical Debt Team: o created front-end unit tests using Mocha for React Action methods and reducerso helped QA create TSQL tests during swarming sessions to meet sprint deadlines

New York, Ny, Us

LaunchPad - eClassroomSenior developer – member of the following development teams:• Lead developer on Core Enhancements Team: added status alerts to all student assignments, updated instructor gradebook with new features, improved student roster interface on existing ASP.NET MVC solution. API significantly revamped for optimization due to DLAP bottleneck.• Triage Team:o Used JavaScript, JQuery, C# to: fix critical blockers: student email reminder, document upload, quiz builder make data fixes for courses, students, instructors, enrollments• Assignment Journey Team: enhanced critical functionality in the assignment workflow • Technical Debt Team: created unit tests using MS Unit Testing Framework & NUnit for main object models to increase code coverage• Migration Team: migrated frontend from modular Javascript & Jquery to React including Student Assignment Dashboard, Instructor Assignment Creation Tool and Assessment Coordinator Reporting PortalAgile Methodology• Reported to daily scrum standup meetings, weekly ticket grooming meetings, critical issues meetings, new sprint planning meetings• Participated in determining ticket priority levels, resolution timelines and story scope• Developed features incrementally to meet sprint deadlines

New York, Ny, Us

RegX - Order Management SystemLead Developer on 3-member team to develop new RegX Order Management Web Application:• Interfaced with underlying SQL business logic of existing third party order and registration system, to create a custom-built replacement system based on stakeholder requirements resulting in a feature-rich, user friendly, seamless, web-based intranet application• Designed an extensible web application, with high responsiveness to incremental development, in which each new version provided a new set of features with minimal need for retesting previous version features by implementing sound OOP and design pattern concepts• Created set of custom ASP.NET web user controls that enabled encapsulation of loosely coupled components, and facilitated design of web pages with varying functionality based on implementing different combinations of these user controlsFaculty Website Enhancement Team:• Added employee vacation day request feature, middle-manager paid time off approval workflow, and vacation/sick day usage reporting capability using ASP.NET MVC.Business Tool Frontend Migration:• Migrated frontend of numerous sales, marketing and reporting business tools from modular Javascript and Jquery to React