Volver a Proyectos

Favly.app
En Producción

Plataforma online para almacenar y organizar tus enlaces favoritos.

Visitar Sitio
Favly.app - Vista previa

Acerca del Proyecto

Favly es una aplicación web que permite a los usuarios guardar, organizar y gestionar sus enlaces favoritos de forma intuitiva. Incluye funcionalidades como autenticación con Google, organización mediante drag & drop, categorización de enlaces, y extracción automática de metadatos de los sitios guardados. El frontend está desplegado en Cloudflare Pages con un pipeline CI/CD automatizado, mientras que el backend corre sobre servicios serverless de AWS.

Frontend

Aplicación SPA construida con React 18 y las siguientes librerías principales:

UI & Estilos

  • • MUI (Material UI) / MUI Joy
  • • Animate.css
  • • Sonner (notificaciones toast)

Estado & Datos

  • • Redux Toolkit + React Redux
  • • TanStack React Query
  • • Axios

Interactividad

  • • dnd-kit (drag & drop)
  • • React Hook Form
  • • React Router DOM

Auth & Monitoreo

  • • Google OAuth (@react-oauth/google)
  • • Honeybadger (error tracking)
  • • Mixpanel (analytics)

Backend & Infraestructura AWS

Arquitectura serverless sobre AWS con backend principal en Golang:

Cómputo

  • AWS Lambda — Aplicación principal (Golang)
  • AWS Lambda — Emails transaccionales (Welcome, Confirmación, Reset Password)
  • EC2 — Extracción de metadatos de enlaces

Networking & API

  • API Gateway — Punto de entrada REST
  • Cloudflare Pages — Hosting frontend + CI/CD

Base de Datos

  • DynamoDB — Base de datos NoSQL principal
  • DynamoDB Streams — Eventos para disparar Lambdas de emails

Mensajería

  • SES (Simple Email Service) — Envío de correos transaccionales

Architecture Diagram