Nani + ☕ = 💻

Frontend Engineer / Creative Developer.

I love building sleek, responsive, and user-friendly web experiences. I work remotely, powered by coffee, good music, and my comfy desk setup. When I'm not coding, you'll probably find me watching movies or exploring design ideas just for fun.

I'm a keyboard for hire — ready to bring ideas to life, one line of code at a time.

Featured Projects

Madgicx

An AI-powered advertising platform focused on helping brands and agencies optimize and scale their campaigns across platforms like Meta Platforms (Facebook & Instagram).

Ad Library

I helped build the first iteration (MVP) of the Ad Library, laying the foundation for what the product has become today. The Ad Library is a searchable, curated database of successful ad creatives across industries. Users can browse, filter by format/industry, save boards of favorite ads for inspiration, and use these as input for new ad generation.

AI Copywriter

Built the frontend for the app, which is intended for desktop users. Users can input prompts, select tones, and instantly receive multiple creative text suggestions tailored for their campaigns. The core technology and workflows developed for AI Copywriter also powered the launch of the AI-Ads.

AI-Ads

An end-to-end creative generation workflow: start with a text prompt, upload an image or select an example creative from the library, then the AI generates variants of ad creatives (images/videos), which can be edited and launched directly. Dramatically speeds up creative output, supports A/B testing, and integrates with ad deployment.

Sparkle

An internal ticketing and creative request system empowering clients to easily submit design briefs and track progress for their ad creatives. I led the frontend development, building intuitive flows for ticket creation, status tracking, and designer collaboration. The UI is fast, modern, and tailored for seamless client–designer interaction.

ReactReduxTypeScriptSCSS / SASSMaterial UI

Other Projects

Publishing Company

Built and maintained multiple products as a frontend developer, delivering responsive, interactive, and content-rich experiences. Led UI development, implemented data visualizations, notification flows, and ensured a smooth, responsive mobile experience.

Football Player Transfer App

Developed interactive screens and real-time data visualizations for player transfers, valuations, and rumours. Implemented notification flows and optimized for performance.

React NativeExpoTypeScriptOne SignalAndroidiOS

Football Fan-site

Led frontend development, translating Figma designs into a polished website. Integrated CMS for dynamic content and optimized for performance.

HTML5JavaScript (ES6+)SCSS / SASSCSS3BootstrapPHPLaravel

Football Fan Engagement Platform

Built responsive UI and smooth user interactions for live content and community features. Focused on performance and accessibility.

HTML5JavaScript (ES6+)SCSS / SASSCSS3BootstrapPHPLaravel

Sports News Platform

Developed and maintained a high-traffic news portal, delivering live match updates, player injuries, results, and commentary.

HTML5JavaScript (ES6+)SCSS / SASSCSS3PHPLaravel

Football Insights Portal

Enhanced a football analytics platform with real-time valuation models, transfer rumours, and interactive dashboards.

HTML5JavaScript (ES6+)SCSS / SASSCSS3BootstrapPHPLaravel

Real-time Embeddable Content Feed

Developed a reusable, real-time embeddable content feed using WebSockets for instant updates. Focused on responsive design and seamless integration.

Vue.jsPiniaTailwind CSSTypeScriptWebSockets

Education & Workshop Management Platform

Joined the project after the original team moved on — picked up a large existing codebase, maintained and improved the app, and added new features on top of it. I enjoyed the challenge of learning the system, cleaning things up, and making the experience even better for users.

Registration Portal

Developed user-facing interfaces for browsing, registering, and managing workshop enrolment.

Admin Portal

Built admin tools for managing workshop listings, registrations, waitlists, and attendance tracking.

ReactReduxReact Querystyled-componentsAnt DesignTypeScript

Pet-Friendly Rental Management Platform

Built the landing page for a platform focused on pet-friendly rental management, including pet policy and compliance features.

WebflowJavaScript (ES6+)

Creator & Fan Engagement Platform

Developed frontend features for a platform enabling creators and brands to deepen fan engagement with AI-driven personalized interaction and content.

Ember.jsSCSS / SASSWebSockets

Web3 Digital Asset Minting Platform

Implemented frontend flows for asset creation, metadata input, and real-time mint-status feedback, and contributed backend APIs and logic using NestJS for a Web3 digital asset minting platform.

Vue.jsPiniaNestJSTailwind CSSTypeScript

Enterprise logistics & transportation company

Contributed to multiple versions of enterprise logistics and transportation platforms, building reusable and responsive frontend components, shipment tracking, dashboards, and workflow automation features.

Enterprise Transportation Management Platform

Contributed to developing shipment tracking, analytics dashboards, and workflow features. Built modular UI components and optimized data-driven views for performance and maintainability.

ReactReduxSCSS / SASSTypeScript

Shipping & Order Management Platform

Helped build core features like shipment creation, tracking, and order management. Collaborated with the design and backend teams to deliver a smooth, desktop-first user experience and maintain clean, scalable frontend code.

AngularJSNgRxBootstrapTypeScript

Skills

Coding

HTML5
JavaScript (ES6+)
CSS3
SCSS / SASS
TypeScript
PHP

Libraries & Frameworks

jQuery
React
Redux
Redux Toolkit
React Query
React Native
AngularJS
NgRx
Vue.js
Pinia
Ember.js
NestJS
GSAP
Tailwind CSS
Ant Design
styled-components
Material UI
Bootstrap
Expo
Laravel

Tools

VS Code
IntelliJ
Git
Agile / Scrum
Jira
Webflow
Vite
Create React App
Postman
Figma
Adobe Photoshop
Adobe Illustrator
One Signal
WebSockets

Built with Next.js, Tailwind, and loose TypeScript 😉 — deployed on Vercel. Designed and coded with good coffee , good vibes , and good music .
(Dabbled with Framer Motion — just exploring the basics and having fun with simple motion effects. 😄)
Some projects do not include client names, links, or detailed descriptions due to confidentiality agreements. I am committed to respecting client privacy and NDAs.