AntonioLlobregat

Experiencia 01

Front Lead · Desarrollador Mobile · Freelance

Desarrollo en solitario la app móvil y lidero el desarrollo front de una plataforma de RRHH levantada sobre workspaces enlazados.

• Desarrollo en solitario de la app móvil de control horario
• Liderazgo del front: tres workspaces y una suite de administración con React 19 y TypeScript
• Micro-frontends con Module Federation
• Back repartido en microservicios e integrado por API REST
• Sistema de roles y permisos, y notificaciones
• Procesos de recursos humanos de punta a punta
• Sistemas en tiempo real sobre WebSockets
• Librería de componentes sobre nuestro propio design system, adaptada a React Native
• Live Activity en la Dynamic Island de iOS con React Native

Proyecto 01

Front Lead · Web · Proyecto actual

Plataforma de recursos humanos. En la web saco adelante tres workspaces y una suite de gestión para administración: React 19 y TypeScript, micro-frontends con Module Federation y un back repartido en microservicios. Roles y permisos, notificaciones y todos los procesos de recursos humanos que van detrás. Powered by Exio.

const Payroll = lazy(() => import('payroll/Workspace'))

export function PayrollRoute() {
  const { can } = usePermissions()
  if (!can('payroll.read')) return <LockedNotice scope="payroll" />

  return (
    <Suspense fallback={<WorkspaceSkeleton />}>
      <Payroll />
    </Suspense>
  )
}

Proyecto 02

Web en Flutter

La web de SIC4Change, una ONG de impacto social que usa la tecnología para la inclusión y el desarrollo comunitario en España, Perú, Guatemala y Mauritania. Hecha entera con Flutter Web sobre Firebase: sectores, iniciativas como Nut4Health o Enreda, blog, eventos, transparencia y los flujos de donación, socios y voluntariado. Con el SEO resuelto para una app Flutter: rutas limpias, sitemap y un índice en HTML que los buscadores leen antes de que arranque el motor.

void main() {
  usePathUrlStrategy();
  runApp(const Sic4ChangeApp());
}

final router = GoRouter(routes: [
  GoRoute(
    path: '/sectores/:slug',
    builder: (_, state) => SectorPage(slug: state.pathParameters['slug']!),
  ),
  GoRoute(
    path: '/iniciativas/:slug',
    builder: (_, state) => InitiativePage(slug: state.pathParameters['slug']!),
  ),
]);

Proyecto 04

Panel web · React

Una tarjeta de visita virtual configurable: cada persona monta la suya y la reparte con un QR. El panel de administración desde el que se diseñan y gestionan las tarjetas lo hice en React, sobre una API en Django.

export function CardEditor({ card }: { card: BusinessCard }) {
  const save = useSaveCard(card.id)

  return (
    <Form initialValues={card} onSubmit={save}>
      <ThemePicker name="theme" />
      <LinksField name="links" />
      <QrPreview slug={card.slug} />
    </Form>
  )
}

Proyecto 05

App · Flutter + Django

Servicios para mascotas al estilo Wallapop: cuidado de perros, adiestramiento y demás, buscados por ubicación. Además conecta con clínicas veterinarias, con calendario de citas incluido, todo sobre una API REST en Django.

class ServiceNearbyView(ListAPIView):
    serializer_class = ServiceSerializer

    def get_queryset(self):
        point = Point(float(self.request.query_params['lng']),
                      float(self.request.query_params['lat']))
        radius = self.request.query_params.get('radius', 10)
        return (Service.objects
                .filter(location__distance_lte=(point, D(km=radius)))
                .annotate(distance=Distance('location', point))
                .order_by('distance'))