Hi, I'm Javier Díaz, also known as coderdiaz. I'm a software engineer passionate about interface design and web experiences. I reside in Mexico City with my wife Becky and my dogs.
For a long time, I was working on training as an interface designer. Over +6 years ago, I decided to embark on a journey in the world of UX/UI, focusing on the development and design of user-centered web and mobile apps, and marketing sites.
In my free time, I enjoy spending time with my family and friends.
I also like to read books about Sci-Fi, digital products, and tech, among others. Occasionally, I record videos, create courses about web dev, and perform refactoring of the UI of products I use daily.
Happy to connect and let's work together 🧡
Contact
Work Experience
My own engineering studio where we specialize in creating exceptional digital products, interfaces, and systems.
I developed a new feature to display related products in Freshis blog posts. I also designed and launched an operational dashboard to manage delivery routes and customer orders in real-time, improving the Freshis delivery process.
Additionally, I redesigned the web mobile app used by pickers to optimize the placement process when they prepare orders and place products in the bag for delivery. I also assisted in testing and developing a new TO-DO extension for Raycast called Hypersonic, connected through Notion with OAuth.
Tools used: Node, React + Next.js, GraphQL, NestJS, Prisma, PostgreSQL, Strapi, Stitches, TypeScript.
Recorded a JavaScript Fundamentals course to reinforce language concepts for new students. Curated content used in JavaScript Bootcamp to ensure it was up-to-date and focused on blended learning.
Taught backend concepts using Node, frontend fundamentals, React, and web development at scale. Mentored and served in Talent Hackathon at Talent Land 2018 in Guadalajara.
Led engineering teams using Shape Up to create our new educational platform, collaborating with internal stakeholders, product, design and customers to add new features to the application.
Prioritized the product roadmap with developers, aligning the product vision with the business strategy. Took the initiative to implement a new methodology to reduce project delivery time. Developed an internal leaving system and career ladder.
Tools used: ShapeUp, Node.js, React + Next.js, GraphQL, NestJS, PostgreSQL, TailwindCSS, Headless UI.
I led an engineering team to develop a unique web experience that significantly improved the company's ability to publish and showcase its product catalog, resulting in a 30% growth in its student base.
Furthermore, I developed a headless e-commerce token cart connected to multiple payment gateways (e.g. Conekta, Stripe and OpenPay), which increased their sales by 40%. To ensure the website + headless e-commerce project was delivered within the three-month deadline, I prioritized the product roadmap with the developers.
Additionally, I developed an internal UI library called Betomic based on React, which improved the dev experience while creating new products and kept a standard with the design system.
Tools used: HTML5/CSS3, React, Gatsby, Jamstack, GraphQL, NestJS, PostgreSQL, TailwindCSS, Forestry (CMS), Node.js, TypeScript, Rollup.
Built a Restful API for our Custom CMS with Golang to store content made by editors. Crafted a service that generates a static site using Golang's text/template package. Developed the new CC Global and CC News websites with Vue.js, increasing user traffic by 35% and web performance by 60 to 90%.
Contributed to the architecture design to switch from a monolith to a microservice-based model. Constructed a new Custom CMS using React to enhance our publishing system for creating new media content.
Tools used: HTML5/CSS3, Node.js, TypeScript, Golang, Vue, React, PostgreSQL, Docker, Microservices, Loopback, Hapi.js, gRPC, Protocol Buffers, SASS.
I revamped our platform from a monolithic codebase to only use Laravel API's to give our customers a better experience. I worked hand-in-hand with the Product Designer to lay out the specs and features for the new Dashboard.
I also helped pick and define the frontend tools to make it easier to add new features on a large scale.
Tools used: HTML5/CSS3/JavaScript, SASS, Vue, ElementUI, Laravel, PHP, MySQL, Webpack.
Speaking
Have you ever thought about working and contributing to Open Source and creating incentives with it? Well, then it's time to embark on your own projects.