ryann al-lahiq

Project Outline: Assisted the Dev Team in building out new Front-End components from piped endpoints using Redux and React.js. Worked with FullStack Developers to maintain and write tests for Front-End UI.

Skills Applied: Using React Hook approach to rendering out UI form elements and their interactive requirements in Typescript/TSX. Implemented styled components using SCSS & Emotion for responsive support across all view ports. Used React Testing Library for creating relevant tests for UI components. Various Front-End code commits spanned across multiple repositories. Final Code Reviews completed with Github.

Project Outline: Brought in to an internal software development project based in Angular.js. Focused on creating a HR portal. Tasked with refining and developing the Front-End UI to be accessible, compliant and robust enough for the feature set/scaling set of features intended to be rolled out.

Skills Applied: With the initial early stages of Project built marked up in SCSS & Tailwind UI, I implemented a single class BEM method to unify and simplify the Front-End layout across components. Introduced animation for form validation warnings and tested accessibility features across devices using Browser Stack. Worked across the multidisciplinary team of Back End developers, Testers and Marketers to qualify new UI look and feel when tackling branding of new or existing UI components.

Project Outline: Working Remote here in London & Liaising with tight knit agile Dev Team, I help deliver an MVP project for their client Vodafone Based in Cologne, Germany. After the MVP handover, I joined a newly formed Front-End team within Vodafone to work on other internal infrastructure projects and for ongoing maintenance. Our Dev Team also took part in a Hackathon building out a dashboard solution for support maintenance servicing.

Skills Applied: Developed solid Front-End UI in React.JS, using State Management Hooks (useState/useRef/useEffect). Worked in Typescript for newer builds and Vanilla JS in React for ongoing legacy builds. Used BEM & SCSS for consistent responsive brand theming. When it came to “Form Validation” i used React Hooks initially, but later sourced React Hook Form for a more robust scalable solution. Also Implemented Front-End UI for: an Image Crop Tool, Darkmode, and embellished the Front End UI with some fun-funky GSAP animations for immersive UI/UX.