Portfolio

I participated in the Granola v0 Hackathon to build VibeCast, a Next.js application that transforms meeting transcripts into tone-aware, storyboarded video recaps. The project featured transcript input with configurable tone presets, AI-powered storyboard generation with shot breakdown visualization, and a marketing site, utilizing Next.js 14, TypeScript, Tailwind CSS, and Shadcn UI. As a result, I strengthened my ability to deliver demo-ready experiences under time constraints.

To deepen my understanding of object-oriented programming and explore game development, I built a classic Asteroids arcade game using Python and Pygame. The project features a complete game loop with asteroid-breaking mechanics, score tracking, and a persistent high scores leaderboard. I deployed it to the web using Pygbag's WebAssembly compilation, with a FastAPI backend for score persistence, SQLite database within Docker volumes, and Nginx with SSL on a VPS. This project strengthened my skills in OOP design patterns, game physics, and full-stack deployment pipelines.

Having mastered full-stack development through various projects, I wanted to explore the intersection of 2D interaction design and 3D/AR experiences. At London VibeHack, I built RoboVibe, a sketch-to-3D prototyping platform that allows users to draw robot silhouettes in a browser and instantly convert them into AR-ready 3D models, achieving 3rd place. The complete pipeline - from canvas drawing to AWS S3 storage, QR code generation, and AR visualization - was engineered in less than 10 hours using Next.js 16, React 19, FastAPI, Three.js, and fal.ai's TripoSR model. This experience demonstrated my capability to rapidly orchestrate complex full-stack workflows and integrate cutting-edge AI services into production-ready applications.

• 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.