Développeur Frontend

• A largement utilisé Angular, TypeScript et PrimeNG pour créer l'interface utilisateur du panneau de contrôle et des applications connexes.
• A architecturé l'ensemble du projet et mis en œuvre des concepts clés tels que la gestion des erreurs globales, les interceptors HTTP, la structure du projet et du style, les mesures de sécurité et l'optimisation du code.
• A développé une plateforme de paiement pour accepter des dons et des paiements de diverses sources, intégrant Stripe, Authorize.net et PayPal.
• A construit des widgets personnalisés, tels qu'un formulaire « Contactez-nous » autonome, qui pouvaient être intégrés dans divers sites web.
• A permis aux utilisateurs de créer des éléments de formulaire personnalisés pour construire et configurer des formulaires, qui pouvaient ensuite être utilisés sur des sites web, des flyers, des notifications et des widgets sur plusieurs plateformes.
• A créé une page de paramètres pour que les admins configurent l'ensemble du flux de paiement, y compris les raisons de paiement par défaut, les dénominations de montants, les intégrations tierces et la validation OTP/email.
• A développé une page de gestion des listes de bénévoles, permettant la planification de disponibilités mensuelles ou hebdomadaires.
• A construit une galerie pour gérer les téléchargements d'images, de vidéos, d'audio et de documents avec une structure de dossiers avancée, qui pouvait également servir de sélecteur d'images pour d'autres parties de l'application.
• A conçu et mis en œuvre un mécanisme robuste de rôles et d'autorisations pour une application multitenante.
• A créé des vues de rapport pour que les admins puissent exporter et importer des données sur les dépenses, le nombre d'utilisateurs, les analyses, les paiements et les 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.

• A utilisé Angular 13 et la bibliothèque PrimeNG pour créer une interface utilisateur (UI) hautement efficace.
• A utilisé Chart.js pour développer un tableau de bord interactif affichant des rapports à travers des graphiques en anneau, en barres et en courbes.
• A mis en œuvre les flux de connexion, mot de passe oublié, réinitialisation de mot de passe et inscription en suivant les lignes directrices d'OWASP.
• A construit des pages de tableau de bord pour que tous les rôles puissent voir leurs dynamiques dans des formats tabulaires et graphiques.
• A développé une section de gestion des données pour effectuer des opérations CRUD sur les entités de données maîtres, accessible uniquement au compte admin.
• A conçu l'architecture pour une connexion utilisateur basée sur des rôles et a mis en œuvre des restrictions d'accès basées sur les rôles et les autorisations, soutenant cinq rôles d'utilisateur distincts.
• A créé un flux complet de création de proposition, permettant aux collaborateurs de se connecter et de créer des offres/propositions, au personnel d'ajouter des détails de visites sur site, et aux utilisateurs d'accepter/rejeter/mettra à jour les propositions, de générer des travaux pour les propositions acceptées, de marquer les travaux comme complétés, ou de changer les statuts, y compris la capture de signatures numériques de la part des associés/clients.
• A intégré la bibliothèque FullCalendar pour afficher les statuts de proposition et de travail en direct, assigner les utilisateurs et permettre la création de nouveaux travaux/propositions directement depuis le calendrier.
• A développé un cabinet de fichiers numérique pour les clients pour gérer les documents signés, triables par date et type.
• A appliqué RxJS pour la gestion de l'état local et la gestion des erreurs.

• A travaillé sur des cas d'utilisation métier complexes, y compris la recherche de médecins en temps réel, la gestion des disponibilités et la gestion des profils.
• A assuré un design mobile-first et a mis en œuvre un design web réactif pour diverses tailles d'écran.
• A mis à jour l'application d'Angular 9 à Angular 13.
• A développé une recherche de médecins en temps réel avec des filtres tels que localité, code postal, numéro de téléphone, nom, spécialité et tarifs, affichant les résultats en vues de liste et vignettes, et intégré l'API Google Maps pour afficher les résultats sous forme d'épingles.
• A créé une interface utilisateur de roster pour gérer la disponibilité des médecins, affichée lors de la prise de rendez-vous.
• A dirigé la conception de l'architecture frontend.
• A contribué aux discussions de conception et aux estimations de projet.
• A utilisé des technologies spécifiques au projet : Angular 13, JavaScript, TypeScript, HTML, CSS, SCSS, design web réactif, Jenkins, Git, Bitbucket, FullCalendar, HTML-to-PDF, Chart.js, PrimeNG, intégration Stripe, intégration de paiement, intégration Google Maps et cropper d'images.

• 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

• A recueilli des exigences et conçu l'architecture frontend.
• A développé une interface utilisateur réactive.
• A créé des interfaces utilisateur pour des écrans complexes.
• A utilisé OBIEE (un outil Oracle équivalent à Power BI) pour les rapports de tableau de bord.
• A simplifié les conceptions de frontend pour des écrans complexes.

• A interagi avec les partenaires commerciaux pour recueillir des exigences et analyser les délais de projet.
• A créé la documentation du cadre du projet.
• A documenté les exigences de haut niveau et a révisé les documents de conception détaillés.
• A conçu et développé des processus ETL complexes en utilisant Informatica.
• A créé des objets et des tables de base de données.
• A conçu des rapports OBIEE et RPD.
• A dépanné le code OBIEE, ETL et de base de données.

• 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