Frontend Developer

• Extensively used Angular, TypeScript, and PrimeNG to create the user interface for the control panel and related applications.
• Architected the entire project and implemented key concepts such as global error handling, HTTP interceptors, project and style structure, security measures, and codebase optimization.
• Developed a payments platform to accept donations and payments from various sources, integrating Stripe, Authorize.net, and PayPal.
• Built custom widgets, such as a standalone “Contact Us” form, that could be integrated into various websites.
• Enabled users to create custom form elements for building and configuring forms, which could then be used in websites, flyers, notifications, and widgets across multiple platforms.
• Created a settings page for admins to configure the complete payment flow, including default payment reasons, amount denominations, third-party integrations, and OTP/email validation.
• Developed a page for managing volunteer rosters, allowing monthly or weekly availability scheduling.
• Built a gallery for managing image, video, audio, and document uploads with an advanced folder structure, which could also serve as an image picker for other parts of the application.
• Designed and implemented a robust roles and permissions mechanism for a multi-tenant application.
• Created report views for admins to export and import data on expenses, user footfall, analytics, payments, and transactions.

MadinaAPPs is a multi-tenant application, which works as a control panel for multiple other user facing applications. Following are the features and applications I developed under MadinaAPPs:

• Extensively used Angular, Typescript, and PrimeNg concepts to create the user interface for the control panel and related applications.
• Architected the whole project and implemented important concepts like global error handling, HTTP interceptors, project structure, style structure, security implementation, and keeping the code base optimized.
• Payments platform: a platform to accept donations/payments from various resources with Stripe, Authorize.net & Paypal Integrations
• Custom widgets that can be plugged in and played on various websites: Like a contact us form as a standalone app that can be integrated into any website.
• Enabled users to create custom form elements to further create and configure their forms which can be used in creating websites, flyers, notifications, and widgets on multiple platforms.
• Created a settings page where admins can create the whole payment settings flow by setting up default payment reasons, and payment amount denominations configuring different third parties, enabling OTP/email validation, etc.
• Created a page to manage Volunteer roasters where one can manage their monthly/weekly availability timings. Gallery: manage image/video/audio/document uploads from one place, it's more like a windows folder structure with advanced options. This Gallery can also be used as an image picker to use uploaded images in various places.
• Roles and Permissions: Created a very strong and capable mechanism for handling various roles and permissions for this multi-tenant app.
• Created report views for the admins to export and import reports of expenses, user footfall, user data analytics, payments, and transactions made by users.

• Used Angular 13 and the PrimeNG library to create a highly efficient user interface (UI).
• Utilized Chart.js to develop an interactive dashboard displaying reports through donut, bar, and line graphs.
• Implemented login, forgot password, reset password, and signup flows using OWASP guidelines.
• Built dashboard pages for all roles to view their dynamics in both tabular and chart formats.
• Developed a data management section for performing CRUD operations on master data entities, accessible only to the admin account.
• Designed architecture for role-based user login and implemented access restrictions based on roles and permissions, supporting five distinct user roles.
• Created a complete proposal creation flow, enabling associates to log in and create bids/proposals, staff to add site visit details, and users to accept/reject/update proposals, generate jobs for accepted proposals, mark jobs completed, or change statuses, including capturing digital signatures from associates/clients.
• Integrated the FullCalendar library to display live proposal and job statuses, assigned users, and allow creation of new jobs/proposals directly from the calendar.
• Developed a Digital Filing Cabinet for customers to manage signed documents, sortable by date and type.
• Applied RxJS for local state management and error handling.

• Worked on complex business use cases, including real-time doctor search, availability management, and profile management.
• Ensured a mobile-first design and implemented responsive web design for various screen sizes.
• Upgraded the application from Angular 9 to Angular 13.
• Developed a real-time doctor search with filters such as locality, ZIP code, phone number, name, specialty, and charges, displaying results in list and thumbnail views, and integrated Google Maps API to show results as pins.
• Created a roster UI for managing doctors’ availability, displayed during appointment booking.
• Led frontend architecture design.
• Contributed to design discussions and project estimations.
• Utilized project-specific technologies: Angular 13, JavaScript, TypeScript, HTML, CSS, SCSS, responsive web design, Jenkins, Git, Bitbucket, FullCalendar, HTML-to-PDF, Chart.js, PrimeNG, Stripe integration, payment integration, Google Maps integration, and image cropper.

• Worked on complex business use cases, including real-time doctor search, availability management, and profile management.
• Ensured mobile-first design and implemented responsive web design to be supported on various screen sizes.
• Updated the application from Angular 9 to Angular 13.
• Created real-time search for doctors using various filters such as locality name, zipcode, phone number, doctor’s name, speciality, charges etc and display the results in list view, thumbnail view and integrated Google Maps API to display the same result as pins on Google maps.
• Created roaster UI for managing Doctor’s availability, which is to be shown while booking appointments.
• Led frontend architecture design.
• Contributed to design discussions and estimations.
• Project-specific skills: Angular 13, JavaScript, Typescript, HTML, CSS, SCSS, Responsive web design, Jenkins, Git, Bitbucket, Full calendar, HTML to PDF, chart.js, Prime NG, STRIPE integration, Payments integration, Google maps integration, Image cropper

• Gathered requirements and designed the frontend architecture.
• Developed a responsive UI.
• Created user interfaces for complex screens.
• Utilized OBIEE (an Oracle tool equivalent to Power BI) for dashboard reports.
• Simplified frontend designs for complex screens.

• Interacted with business partners to gather requirements and analyze project timelines.
• Created project framework documentation.
• Documented high-level requirements and reviewed detailed design documents.
• Designed and developed complex ETL processes using Informatica.
• Created database objects and tables.
• Designed OBIEE reports and RPD.
• Troubleshot OBIEE, ETL, and database code.

• Analyzed end user requirements and transformed them into system design;

• Created Informatica mappings;

• Developed stored procedures, functions, and packages in PL/SQL;

• Worked extensively.

• Worked on daily load and analysis of Point of Sale data
• Monitored daily and monthly jobs in Autosys
• Prepared and presented outage plan to stakeholders
• Timely reporting and root cause analysis of job failure
• Designed ETL solution and performed root cause analysis
• Created UNIX scripts for job failure notification automation
• Acted as primary contact for Point of Sale, Merchandising, and Marketing data load
• Worked on service requests and developed ETL mappings