Frontend Developer

• Intensief gebruik gemaakt van Angular, TypeScript, en PrimeNG om de gebruikersinterface voor het controlepaneel en verwante applicaties te creëren.
• Architecteerde het gehele project en implementeerde belangrijke concepten zoals globale foutafhandeling, HTTP-interceptors, project- en stijlstructuur, beveiligingsmaatregelen, en optimalisatie van de codebase.
• Ontwikkelde een betaalplatform om donaties en betalingen van verschillende bronnen te accepteren, met integratie van Stripe, Authorize.net en PayPal.
• Bouwde aangepaste widgets, zoals een standalone “Neem contact met ons op”-formulier, dat in verschillende websites kon worden geïntegreerd.
• Maakte het gebruikers mogelijk om aangepaste formelementen te creëren voor het bouwen en configureren van formulieren, die daarna konden worden gebruikt in websites, flyers, meldingen, en widgets op meerdere platforms.
• Creëerde een instellingenpagina voor beheerders om de volledige betalingsflow te configureren, inclusief standaard betalingsredenen, bedrag denominaties, integraties van derden, en OTP/e-mailvalidatie.
• Ontwikkelde een pagina voor het beheren van vrijwilligersroosters, die maandelijkse of wekelijkse beschikbaarheidsschema's mogelijk maakte.
• Bouwde een galerij voor het beheren van uploads van afbeeldingen, video, audio en documenten met een geavanceerde mapstructuur, die ook kon dienen als een afbeeldingskiezer voor andere onderdelen van de applicatie.
• Ontwierp en implementeerde een robuust rollen- en machtigingsmechanisme voor een multi-tenant applicatie.
• Creëerde rapportviews voor beheerders om gegevens over uitgaven, gebruikersverkeer, analyses, betalingen, en transacties te exporteren en importeren.

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.

• Gebruikte Angular 13 en de PrimeNG-bibliotheek om een zeer efficiënte gebruikersinterface (UI) te creëren.
• Benutte Chart.js voor het ontwikkelen van een interactief dashboard met rapporten via donut-, staaf- en lijngrafieken.
• Implementeerde login-, vergeten wachtwoord-, reset wachtwoord-, en aanmeldprocedures volgens OWASP-richtlijnen.
• Bouwde dashboardpagina's voor alle rollen om hun dynamiek in zowel tabel- als grafiekformaten in te zien.
• Ontwikkelde een sectie voor gegevensbeheer voor het uitvoeren van CRUD-bewerkingen op mastergegevensentiteiten, alleen toegankelijk voor het beheerdersaccount.
• Ontwierp de architectuur voor rolgebaseerde gebruikersauthenticatie en implementeerde toegangsrestricties op basis van rollen en machtigingen, met ondersteuning voor vijf verschillende gebruikersrollen.
• Creëerde een complete flow voor het maken van voorstellen, waarin associaties kunnen inloggen en biedingen/voorstellen kunnen creëren, personeel kan details voor sitebezoeken toevoegen, en gebruikers voorstellen kunnen accepteren/weigeren/bijwerken, taken kunnen genereren voor geaccepteerde voorstellen, taken kunnen markeren als voltooid of statussen kunnen wijzigen, inclusief het vastleggen van digitale handtekeningen van medewerkers/klanten.
• Integreerde de FullCalendar-bibliotheek om live voorstel- en taakstatussen weer te geven, toegewezen gebruikers, en de mogelijkheid om nieuwe taken/voorstellen rechtstreeks vanuit de kalender te creëren.
• Ontwikkelde een digitale archiefkast voor klanten om ondertekende documenten te beheren, sorteerbaar op datum en type.
• Paste RxJS toe voor lokaal state management en foutafhandeling.

• Werkte aan complexe zakelijke gebruiksscenario's, waaronder real-time zoekopdrachten naar artsen, beschikbaarheidsbeheer, en profielbeheer.
• Zorgde voor een mobile-first ontwerp en implementeerde responsief webontwerp voor verschillende schermformaten.
• Upgrade de applicatie van Angular 9 naar Angular 13.
• Ontwikkelde een real-time zoekfunctie voor artsen met filters zoals locatie, postcode, telefoonnummer, naam, specialiteit, en kosten, waarbij resultaten in lijst- en miniaturenweergaven worden weergegeven, en de Google Maps API integreerde om resultaten als pins weer te geven.
• Creëerde een rooster-UI voor het beheren van de beschikbaarheid van artsen, weergegeven tijdens het boeken van afspraken.
• Leidde het ontwerp van de frontend-architectuur.
• Droeg bij aan ontwerpdisscussies en projectinschattingen.
• Benutte project-specifieke technologieën: Angular 13, JavaScript, TypeScript, HTML, CSS, SCSS, responsief webontwerp, Jenkins, Git, Bitbucket, FullCalendar, HTML-naar-PDF, Chart.js, PrimeNG, Stripe-integratie, betalingsintegratie, Google Maps-integratie en 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

• Verzamelde vereisten en ontwierp de frontend-architectuur.
• Ontwikkelde een responsieve UI.
• Creëerde gebruikersinterfaces voor complexe schermen.
• Benutte OBIEE (een Oracle-tool die gelijkwaardig is aan Power BI) voor dashboardrapporten.
• Vereenvoudigde frontendontwerpen voor complexe schermen.

• Interacteerde met zakelijke partners om vereisten te verzamelen en projecttijdlijnen te analyseren.
• Creëerde projectframeworkdocumentatie.
• Documenteerde high-level vereisten en beoordeelde gedetailleerde ontwerpdokumenten.
• Ontwierp en ontwikkelde complexe ETL-processen met Informatica.
• Creëerde databaseobjecten en tabellen.
• Ontwierp OBIEE-rapporten en RPD.
• Losse OBIEE-, ETL- en databasecode op.

• 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