Javier Goodall — Frontend Dev

Design-aware.
Code-driven.
Outcome-focused.

Because clarity in code and clarity in design lead to better outcomes.

scroll down to explore

Meet the Developer

Listen to my 5-min philosophy on frontend

JG

Javier Goodall

Frontend Developer

My Design Philosophy

I believe in creating interfaces that are not only beautiful but also accessible and functional for all users. My approach combines clean aesthetics with thoughtful interactions to build experiences that feel natural and intuitive.

My Development Process

Every project starts with understanding user needs and business goals. I sketch ideas, prototype concepts, and iteratively refine solutions. Through collaborative feedback and data-driven insights, I craft experiences that resonate with users while achieving business objectives.

My frontend philosophy

Speed is a feature—but calm is a value

Fast interfaces are essential, but not at the expense of sudden movements that distract users from their goals. I build with the harmony of both in mind.

Speed is a feature—but calm is a value

Design is how it works, not just how it looks

Beautiful aesthetics matter, but thoughtful interactions define the experience. Every element serves both form and function.

Design is how it works, not just how it looks

Accessibility is not a feature, it's a requirement

I build for everyone—regardless of ability or context. Inclusive design creates better experiences for all users.

Accessibility is not a feature, it's a requirement

Code is a means, not an end

Clean architecture matters, but user outcomes matter more. I optimize for maintainability without sacrificing the experience.

Code is a means, not an end

Less, but better

I believe in the power of restraint. Removing what's unnecessary often creates more impact than adding more features.

Less, but better

Tech I Use to Build Real Things

Modern tools and technologies I leverage to create efficient, scalable, and user-friendly applications.

react icon

React

Building component-based UIs with custom hooks and context API

nextjs icon

Next.js

Server components, routing, and API endpoints for full-stack React applications

typescript icon

TypeScript

Strong typing for scalable, maintainable, and error-resistant code

javascript icon

JavaScript

Dynamic, event-driven programming for interactive web applications

figma icon

Figma

Collaborative UI design and prototyping before implementation

tailwind icon

TailwindCSS

Utility-first CSS framework for rapid UI development with consistent design tokens

shadcn icon

ShadCN UI

Beautifully designed components built with Radix UI and Tailwind CSS

sass icon

Sass

Modular, maintainable stylesheets using variables, mixins, and nested rules

nodejs icon

Node.js

Server-side JavaScript runtime for building scalable API backends

mysql icon

mySQL

Robust relational database for complex data relationships

supabase icon

Supabase

Database and authentication service for building web and mobile applications

git icon

Git

Version control for collaborative development and code management

Selected Projects

Deep dives into my most impactful work. Each project showcases my approach to problem-solving and technical execution.

Ruimijnwoning

Real Estate Platform

Next.jsTypeScriptBootstrapSassNode.js

A property listing platform designed to help users find affordable housing opportunities in the Netherlands, featuring responsive layouts, fast filtering, and clean UI.

Improved housing visibility for underserved renters while delivering a seamless, high-performance browsing experience across devices.

ChatFlow

WhatsApp Business Assistant

Next.jsTypeScriptTailwind CSSshadcn/ui

ChatFlow turns chaotic WhatsApp messages into structured business records—automatically extracting payment messages, generating invoices, and visualizing financial summaries. Designed for freelancers and small businesses who run on WhatsApp.

Enabled solo business owners to create invoices and track payments directly from WhatsApp exports—bringing structure and professionalism to informal chat-based commerce.

NewGen Marketing

Online Marketing Agency

ReactTypeScriptTailwind CSSshadcn/uiFramer Motion

NewGen Marketing is an online marketing agency that helps businesses grow their online presence and increase their visibility in the market. We offer a range of services, including SEO, social media management, graphic design, and photography.

Helped local businesses increase website traffic by more than 200% through improved social media and digital branding strategies.

A Web Portal Frozen in 1910

Alt-History Digital Experience

Next.jsTailwindCSSFramer MotionVintage Typography

A historically faithful reimagining of what the internet might look like if invented in 1910. The interface blends Edwardian-era design with modern frontend technology to create a narrative, tactile experience—complete with telegrams, thought archives, and card-catalog metaphors.

Transformed frontend code into a speculative historical artifact—challenging modern UX assumptions through design, narrative, and deep immersion.

Custom Icon Library

Reusable Icon Component System

ReactTypeScriptFluentUIAccessibility

A fully customizable icon library built with React and TypeScript. Users can adjust stroke width, size, and colors, and download icons as PNG or SVG. Designed for consistency, flexibility, and easy integration into any design system.

Empowered developers and designers to maintain brand consistency with flexible, themeable icons—while reducing asset management overhead through on-demand customization and export.

Boutique Hotel

Hotel Booking Platform

ReactTypeScriptTailwindCSSradix/ui

A hotel booking platform built with React and TypeScript. The interface is designed to be user-friendly and easy to navigate.

Enabled users to book hotel rooms with ease, while providing a seamless experience for hotel staff to manage bookings and reservations.

Contemporary Photography

Photography Portfolio

ReactTypeScriptTailwindCSSradix/ui

A clean and minimal photography portfolio built with React and TypeScript. It showcases high-resolution imagery with smooth transitions and an intuitive layout.

Provided a professional platform for photographers to display their work, attract clients, and build an online presence with fast load times and mobile responsiveness.

Everything you need, in one file.

A one-page PDF summarizing my experience, projects, and core skills—ready to share.

Javier Goodall

Front-end Developer

Looking for a frontend dev who thinks like a designer? Let's talk.

I'm passionate about creating interfaces that are both beautiful and functional. Fill out the form below and I'll get back to you as soon as possible.

Send me a message

I'll respond within 48 hours.

Connect with me

Why work with me?

I blend technical expertise with design sensibility to build interfaces that are not just functional, but delightful to use. Let's create something amazing together.