Principal Frontend Engineer @ EAB
Accessibility & WCAG Compliance
Work with multiple product teams to meet WCAG 2.1 compliance.
- Run manual and automated audits for WCAG 2.1 issues across multiple products.
- Analyze the audits and create a plan to address the compliance issues based on priority.
- Provide solutions and references to mitigate WCAG issues.
- Update component library and implementation guidelines to address issues across multiple products.
- Review solutions and code from developers to align with best practices.
- Contribute to design system documentation for solutions that address common accessibility issues.
Enterprise Design System & UI Component Library
Build unified design system for enterprise products with EAB branding. Develop UI components for the design system based on webcomponents to work across multiple front-end frameworks and libraries.
- Build a design system that adheres to EAB design system, accessibility compliant and follows UX best practices
- Build rich component library based on design system for rapid application building.
- Build components library with web components to be compatible with multiple front-end frameworks.
- Audit each component for AX compliance and performance.
- Build components and libraries in Typescript
Micro-Frontend Services
Build application framework with common service modules and prefabricated solutions to rapidly bootstrap frontend applications
- Build application-level components for navigation, workflows, forms, datatables and page patterns.
- Build application services for authentication, routing, tracking, logging, caching, network & error handling.
- Build tooling & CLI to bootstrap and build applications based on webpack & rollup.
- Build support for unit tests and e2e tests with Chai, Mocha & Cypress.
- Add CI scripts to support builds, running tests, auditing & deployments.
Configured Course Catalog Search
Build a highly configurable interface with advanced filters to search course catalog across multiple parameters
- Define metadata contract to render form fields based on data type and additional supporting elements like hints, labels etc.
- Transform elastic search metadata into rich metadata to construct various types of form fields
- Define metadata contract to render results of the search on tabular or card format with multiple data points and formats
- Leverage REST API methods to fetch metadata via OPTION and GET with query params to get results
- Interface is dynamically constructed at runtime based on metadata which can be configured per school
Senior Frontend Engineer @ The Advisory Board Company (EAB)
WCAG Compliance for Navigate
Update multiple features across a complex single page application to WCAG 2.0 compliance.
- Update Angular SPA application and components to be accessible.
- Build accessible alternatives to complex interactions and visualizations
- Update colors for contrast, navigation links and buttons.
- Update aria attributes, labels for components and images
- Update widgets, forms, navigation and dialogs for keyboard operability.
- Test SPA with screen reader software to find issues and validate solutions.
Academic Planning Solutions
Build a collaborative academic planning solution for students and advisors at institutions.
- Build an intuitive interface for students to plan their academic plan across multiple terms/semesters from a catalog of courses that are available for their degree goals.
- Design and collaborate in system design and APIs for academic planning and collaborative features.
- Lead the team of frontend engineers to deliver complex interactive solutions against tight deadlines.
- Architect the interface solution to be packaged, configured and deployed in multiple products.
- Build version management features to enable collaborative academic planning between students and advisors.
- Enable real-time updates and notifications with WebSockets.
Class Scheduling & Registration System
Build an intuitive course/section scheduling and registration system integrated with institutions.
- Build an intuitive interface for students to pick their courses/sections for a term and register them.
- Build a calendar to allow for students to plan and pick courses based on their schedule preferences.
- Architect solution for students to see class/sections availabilities in real-time.
- Build accessible alternatives to complex interactions like drag & drop and calendar scheduling.
- Build client-side rules engine to accommodate complexities in scheduling system to guide students to pick right schedule matches.
Rapid Application Framework
Build tooling and solutions for rapid SPA application development based on AngularJS
- Build application-level services for networking, routing, logging, tracking and pages
- Build re-usable accessible components for rapid page composition.
- Setup standard configurations & tooling to build, test and deploy applications.
- Document and create patterns and guidelines building angular applications.
Navigate/Guide Mobile App
Bootstrap and deliver company's first mobile app that's used by students to get help and navigate their way through college degree.
- Bootstrap a mobile app based on Angular/Ionic/Cordova.
- Build group messaging features to allow students to request/join in study groups.
- Build task-based list management features for students to navigate their first days at school.
- Build appointment scheduling feature for students to get help from different resources at school.
- Build authentication integration with various auth systems at multiple schools.
- Build caching strategies and offline experience for mobile app.
- Build mobile calendar for students to view class schedule and integrate with native calendars
- Integrate native features like push notifications, reminders, calendars and asset caching.
- Build pipelines for building and optimizing assets, building native apps, submission to app stores.
- Manage certificates, app review submissions & app releases
- Maintain and troubleshoot integration issues, updates and OS version compatibilities
UI/UX Designer & Frontend Developer @ FanFueled
FanFueled is an engagement marketing company that builds social gaming solutions for brands, artists, and festivals. We use patented software to track the ripple of influence, incentivizing peer‐to‐peer marketing
Platinum Nights
FanFueled fan engagement platform for launch of Bud Light Blue & Michelob Ultra
- Built frontend client for Platinum Nights fan engagement project.
- Built integration with Facebook, Twitter SDKs to pull friends and allow quick sharing.
- Built responsive web app for mobile and desktop.
- Built features for high availability and fast responsiveness to meet gaming requirements.
- Optimized code and assets for page load performance to improve user experience.
FanFueled Engage
Designed graphical content and Developed UI for FanFueled social e-commerce platform and profile pages.
- Designed mockups for Mobile and Tablet UI for brand pages and user profile pages to improve usability and encourage participation.
- Redesigned and developed DIY wizard for brand page creation on FanFueled Engage platform.
- Developed custom plug-ins for various functionality on FanFueled engage web platform.
- Developed responsive webpages for mobile and tablet friendly brand pages on FanFueled platform.
- Optimized page load performance using various techniques like use of domain sharding with multiple CDN and optimizing images for various thumbnails
- Built dashboard to track metrics across multiple pages to generate reports, track engagement and troubleshoot issues.
- Created UI, wireframes, and interactive prototypes for engage platform features.
FanFueled Event Ticketing
Ticketing platform built for artists, brands, & clubs in Mid-west region.
- Created new UI designs and process flow for easy ticket purchase and checkout process.
- Designed online event tickets, order confirmation emails and built for multi-device and print layouts.
- Designed UI, prototypes and developed frontend for FanFueled Box-Office web app for Kiosks.
- Developed Mobile web app for FanFueled Event pages and mobile checkout.
- Conducted heuristic analysis, Competitive analysis and User testing for redesigning FanFueled Events
- Designed UI for event creation wizard and ticket purchase process
- Designed and developed ticket purchase widget that can be embedded on other sites.