Frontend-Entwickler

• Umfangreiche Nutzung von Angular, TypeScript und PrimeNG zur Erstellung der Benutzeroberfläche für das Steuerfeld und verwandte Anwendungen.
• Architektur des gesamten Projekts und Implementierung wichtiger Konzepte wie globale Fehlerbehandlung, HTTP-Interceptors, Projekt- und Style-Struktur, Sicherheitsmaßnahmen und Optimierung des Codes.
• Entwicklung einer Zahlungsplattform zur Annahme von Spenden und Zahlungen aus verschiedenen Quellen, einschließlich Stripe, Authorize.net und PayPal.
• Erstellung benutzerdefinierter Widgets, wie eines eigenständigen „Kontaktieren Sie uns“-Formulars, das in verschiedene Websites integriert werden kann.
• Ermöglichung der Erstellung benutzerdefinierter Formularelemente zur Erstellung und Konfiguration von Formularen, die dann in Websites, Flyern, Benachrichtigungen und Widgets auf mehreren Plattformen verwendet werden können.
• Erstellung einer Einstellungsseite für Administratoren zur Konfiguration des gesamten Zahlungsablaufs, einschließlich Standardzahlungsgründen, Betragseinheiten, Drittanbieter-Integrationen und OTP/E-Mail-Validierung.
• Entwicklung einer Seite zum Verwalten von Freiwilligenlisten, die eine monatliche oder wöchentliche Verfügbarkeitsplanung ermöglicht.
• Erstellung einer Galerie zur Verwaltung von Bild-, Video-, Audio- und Dokumenten-Uploads mit einer erweiterten Ordnerstruktur, die auch als Bildauswahl für andere Teile der Anwendung dienen kann.
• Entwurf und Implementierung eines robusten Mechanismus für Rollen und Berechtigungen für eine Multi-Tenant-Anwendung.
• Erstellung von Berichtsansichten für Administratoren zum Exportieren und Importieren von Daten zu Ausgaben, Nutzerfrequenz, Analysen, Zahlungen und Transaktionen.

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.

• Verwendung von Angular 13 und der PrimeNG-Bibliothek zur Erstellung einer äußerst effizienten Benutzeroberfläche (UI).
• Nutzung von Chart.js zur Entwicklung eines interaktiven Dashboards zur Anzeige von Berichten in Form von Donut-, Balken- und Liniendiagrammen.
• Implementierung von Anmeldemöglichkeiten, Passwort vergessen, Passwort zurücksetzen und Anmeldeflüssen unter Einhaltung der OWASP-Richtlinien.
• Erstellung von Dashboard-Seiten für alle Rollen, um ihre Dynamiken sowohl in tabellarischer als auch in Diagrammform anzuzeigen.
• Entwicklung eines Datenmanagementbereichs zur Durchführung von CRUD-Operationen auf Stammdatenentitäten, der nur vom Administratorkonto zugänglich ist.
• Entwurf der Architektur für die rollenbasierte Benutzeranmeldung und Implementierung von Zugangsrestriktionen auf Basis von Rollen und Berechtigungen, die fünf verschiedene Benutzerrollen unterstützen.
• Erstellung eines vollständigen Prozesses zur Angebotserstellung, der es Mitarbeitern ermöglicht, sich einzuloggen und Gebote/Angebote zu erstellen, dass Mitarbeiter Details zu Standortbesuchen hinzufügen können, und dass Benutzer Angebote akzeptieren, ablehnen, aktualisieren, Jobs für akzeptierte Angebote generieren, Jobs als abgeschlossen markieren oder den Status ändern können, einschließlich der Erfassung digitaler Signaturen von Mitarbeitern/Kunden.
• Integration der FullCalendar-Bibliothek zur Anzeige von Live-Angebots- und Jobstatus, den zugewiesenen Benutzern und zur direkten Erstellung neuer Jobs/Angebote aus dem Kalender.
• Entwicklung eines digitalen Aktenschranks für Kunden zur Verwaltung von unterschriebenen Dokumenten, sortierbar nach Datum und Typ.
• Anwendung von RxJS für lokale Zustandsverwaltung und Fehlerbehebung.

• Arbeiten an komplexen Geschäftsanforderungen, einschließlich der Echtzeitarztsuche, Verfügbarkeitsmanagement und Profilverwaltung.
• Gewährleistung eines Mobile-First-Designs und Implementierung responsiven Webdesigns für verschiedene Bildschirmgrößen.
• Aktualisierung der Anwendung von Angular 9 auf Angular 13.
• Entwicklung einer Echtzeitarztsuche mit Filtern wie Wohnort, Postleitzahl, Telefonnummer, Name, Fachgebiet und Gebühren, Anzeige der Ergebnisse in Listen- und Miniaturansichten sowie Integration der Google Maps API zur Anzeige der Ergebnisse als Markierungen.
• Erstellung einer Roster-UI zur Verwaltung der Verfügbarkeit von Ärzten, die während der Terminvereinbarung angezeigt wird.
• Leitung des Entwurfs der Frontend-Architektur.
• Beitrag zu Entwurfsdiskussionen und Projektabschätzungen.
• Nutzung projektspezifischer Technologien: Angular 13, JavaScript, TypeScript, HTML, CSS, SCSS, responsives Webdesign, Jenkins, Git, Bitbucket, FullCalendar, HTML-to-PDF, Chart.js, PrimeNG, Stripe-Integration, Zahlungsintegration, Google Maps-Integration und Bildbearbeitung.

• 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

• Anforderungserhebung und Entwurf der Frontend-Architektur.
• Entwicklung einer responsiven Benutzeroberfläche.
• Erstellung von Benutzeroberflächen für komplexe Bildschirme.
• Verwendung von OBIEE (einem Oracle-Werkzeug, das Power BI ähnelt) für Dashboard-Berichte.
• Vereinfachung der Frontend-Designs für komplexe Bildschirme.

• Interaktion mit Geschäftspartnern zur Anforderungserhebung und Analyse von Projektzeitplänen.
• Erstellung von Dokumentationen für Projektframeworks.
• Dokumentation von hochrangigen Anforderungen und Überprüfung detaillierter Entwurfsdokumente.
• Entwurf und Entwicklung komplexer ETL-Prozesse unter Verwendung von Informatica.
• Erstellung von Datenbankobjekten und Tabellen.
• Entwurf von OBIEE-Berichten und RPD.
• Fehlersuche bei OBIEE, ETL und Datenbankcode.

• 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