Portfolio

• Built and managed a React.js and TypeScript-based Docker containerised e-commerce ads builder, enhancing campaign efficiency and achieving business needs.
• Designed and implemented API client library with security controls embedded to simplify API calls for developers and improve DX.
• Researched, coded, managed and tested a centralized documentation and integrations portal with Next.js, MDX, and TypeScript, improving accessibility to up-to-date information.
• Designed and maintained front-end infrastructure on AWS using Lambda@Edge, S3 wildcard subdomains, and CloudFront using Terraform, leading to improved DX and build process automation.
• Developed automated unit and integration tests using Vitest, React Testing library and Cypress, ensuring robustness and optimal system performance.
• Planned and led development on agile stories, assisting colleagues and communicating with vested stakeholders to provide feedback and iterate what needs to be built.

• Building user interfaces that meet accessibility needs for a property management and investment dashboard using React.js, bringing Figma designs to pixel-perfect components.
• Optimized data transfer by contributing to a Redux application state, resulting in improved code maintainability.
• Increased customer engagement and acquisition by revamping user-friendly multi-step forms, leading to a 15% increase in the intent-to-sales funnel.
• Strengthened the codebase by implementing automated unit tests using the Jest testing framework.
• Coded, corrected and documented user interfaces by collaborating with vested stakeholders.

While working as a junior front-end engineer, I realised the importance of achieving more breadth in other fields of software engineering, as it will make me a more well-rounded front-end engineer. I set my sights on doing a full-stack project with a technology stack involving more backend and DB interaction. It was a full-stack e-commerce application, kickgoods.store, to sell goods from Kickstarter, built on React.js, Next.js, TypeScript, Apollo, GraphQL, MongoDB, and Node.js. I implemented authentication, email delivery, data caching, payment system integration, and an admin dashboard. As a result, my knowledge of the backend technologies improved, and I gained enough confidence to utilise Typescript in all subsequent personal and professional projects.

After passing the probation period as a junior front-end developer, it was evident that production systems vary in complexity and require nuanced approaches. To better understand the fundamentals and more profound concepts of React, I selected the Epic React course by Kent C. Dodds as an exciting challenge to tackle. Part of this challenge was to build a bookshelf app featuring access to a books API, enabling users to create reading lists and categorise books they have read. It utilises login form authentication, CSS emotion library, routing handling, cache management using React Query, and working with context and unit testing. As a consequence of completing the course, I implemented better coding practices at work in areas that use React Context, custom hooks, and new unit testing approaches.

During my initial search for a job as a front-end developer, I wanted to get more exposure and deliver business value by applying my skills. I set a task of doing some freelance work to improve in areas of front-end expertise and communications with vested stakeholders. I received a proposition from F&F to create a converting sales website. Having analysed the brief and designs, I made a converting mobile-first responsive sales website that resulted in a remarkable 20% increase (Yandex Metrica) in the user acquisition funnel, using React.js, Next.js, Redux, Prismic and SCSS/SASS. It featured a complex design layout, routing handling, and CMS API for content management. As a result, I learned the importance of having clear communication between vested parties, delivering business value to the customer, and dealing with CMS APIs.