Juanldev Avatar

Juan
Villarroel.

Creating modern and efficient web solutions that turn ideas into reality.

Step into the world of web development and discover how ideas transform into impactful digital solutions. Join me on this journey where technology and creativity come together to bring unique projects to life.

Services

Custom Web Development

Solutions tailored to your needs

Creating bespoke web applications for various projects, from landing pages to complex platforms, ensuring a seamless user experience and optimal performance.

Continuous Maintenance and Optimization

Ensuring your project's evolution

Maintenance, support, and optimization services to keep applications up-to-date, secure, and adaptable to new technological and business needs.

Scalable and Efficient Solutions

Growth without limits

Developing applications with scalable architectures, optimizing performance, and ensuring the project can seamlessly expand as it grows.

Technology Consulting and Strategy

Guidance in every tech decision

Comprehensive advice on technology selection, infrastructure planning, and best practices to ensure long-term project sustainability and success.

Technologies & Tools

In web development, having an in-depth understanding of various technologies is essential for building efficient, scalable, and customized solutions. Throughout my career, I have worked with a wide range of tools, languages, and frameworks that enable me to tackle projects of varying complexity. Below, I highlight the key technologies I use to carry out my work.

Fundamentals

The essential foundations for building robust and scalable web applications, using technologies such as HTML, CSS, JavaScript, and TypeScript. These are the backbone of the modern web, ensuring accessibility, design, and functionality.

Interface & Experience Development

Creating dynamic and engaging user interfaces using technologies like React.js, Next.js, Astro, and Tailwind CSS. These tools enable the development of interactive and optimized applications with a focus on user experience and performance.

Backend & Databases

Developing business logic and managing data using Node.js, Express.js, Nest.js, Prisma ORM, as well as PostgreSQL and MongoDB databases. These technologies allow for scalable and efficient solutions.

Quality & Documentation

Ensuring code quality with unit testing tools like Vitest, documenting components and APIs with Storybook and OpenAPI (Swagger), and guaranteeing service interoperability with clear and well-structured documentation.

Infrastructure & Optimization

Utilizing technologies like Docker and AWS to create and deploy applications in scalable environments, while also optimizing performance and reliability in the cloud.

Experience

  1. Senior Frontend Developer

    Channel Payments · Full-time

    As a Senior Frontend Developer, I led the development of a web application using Vite.js and React.js, enabling clients to:
    
    - View transactions with basic and advanced filters.
    - Request refunds easily.
    - Manage users and assign custom roles.
    - Configure webhooks triggered by specific events.
    - Generate and manage API keys.
    - Create, schedule, and save reports as reusable templates.
    
    The dashboard followed a custom design system, adhering to guidelines provided by the design team in Figma.
    
    Additionally, I developed a Next.js application to integrate payment methods into other applications. We chose Server Components and Server Actions to provide an added layer of security for sensitive payment data, ensuring client trust.
    
    Both projects were built with a scalable design system:
    
    - Components created from scratch with TailwindCSS.
    - Packaging optimized with Vite.js configured for libraries.
    - Documentation maintained in Storybook, ensuring consistent and collaborative development.
  2. Web Developer

    Freelancer

    Creation of websites and web applications tailored to each client's specific needs. From static sites to dynamic platforms, each project is designed to deliver functionality and customization.
    
    Designing attractive, user-friendly interfaces with a focus on user experience. The solutions implemented ensure accessibility, compatibility, and efficient performance on any device.
    
    Using modern technologies to develop scalable and robust projects. Also offering maintenance and updates for existing projects, ensuring continuous operation and alignment with each client's objectives.
  3. Frontend Lead

    Matic.io · Full-time

    I worked on the development of applications and libraries to provide a comprehensive payment processing service, enabling our clients’ customers to view transactions, integrate payment gateways, and configure custom webhooks.
    
    Applications developed:
    
    - Matic Portal: A multitenant platform where our clients could manage transactions, switch between tenants, handle user administration, and more. Each tenant had its own subdomain.
    - Matic Account: A Single Sign-On (SSO) application that centralized login and shared sessions across all tenants where the user had permissions.
    - Matic Client: A user interface integrated via an SDK, used by our clients' customers to incorporate payments into their products.
    
    Libraries developed:
    
    - Matic Core: A UI component library built with MUI and customized to match the company’s brand identity.
    - Matic SDK: A public library enabling our clients to integrate payments into their products. This SDK validated user-generated keys, embedded an iframe with the Matic Client interface, and handled event-based communication to send resulting information back to the client.

Projects

Explore a diverse collection of projects developed with modern technologies, each designed with a focus on performance, usability, and innovation. From dynamic web applications to personal blogs, these projects reflect a commitment to quality, creativity, and seamless user experiences. By leveraging cutting-edge tools and best practices, each project brings unique ideas to life in a functional and engaging way.

Game Admin

Game Admin

Admin dashboard for a multiplatform game, enabling player, clan, item, and update management with real-time metrics.

Nuestras Hojas Amarillas

Nuestras Hojas Amarillas

Nuestras Hojas Amarillas is a personal blog built with Astro.build and TailwindCSS, focusing on performance. DatoCMS streamlines content management for easy creation and editing of posts.

Latest Posts

Explore my articles on web development, best practices, emerging technologies, and real-world experiences. I compare tools, share insights, and dive into topics that can help you enhance your skills as a developer.

🚀 My experience with Astro

🚀 My experience with Astro

Astro JavaScript Blog Experience
🌟 NestJS - The Backend Framework You Were Looking For

🌟 NestJS - The Backend Framework You Were Looking For

Nestjs TypeScript Backend Opinion

Testimonials

Contact