Skip to content

Web app para automatizar la creación de una página simple de links, estilo linktr.ee.

Notifications You must be signed in to change notification settings

L3anAv/generador-links

Repository files navigation

Generador Links

App para automatizar la creación de una página simple de links, estilo linktr.ee.

web ui

Breve resumen del proyecto.

El proyecto empezó siendo un CLI para la terminal en el cual se elegia atravez de ella opciones, luego de terminar de elegir se buildeaba localmente la app de links.

Ahora luego de repensar la idea, se puede usar una web app que utiliza el backend de la rama main del respositorio mis-likns-generador, desplegado en render.com atravez de un dockerfile.

Para consultar la API REST podes dirigirte al Repositorio.

El CLI se puede descargar desde la Rama con Terminal.

Uso

  • Paso 1:

Complete el formulario con los datos solicitados y cargue los datos, vea la vista previa.

  • Paso 2:

Al probar los enlaces en la vista previa, tiene dos opciones, volver hacia atras y modificar los campos, colores. etc o dar en descargar obteniendo un .zip con los archivos dentro de su web estilo linktr.ee.

  • Paso 3:

Puede subir a su hosting de confianza los archivos descargados o a un respositorio de github para desplegar en github pages, si así lo desea.

* Los archivos descargados no se guardan en el servidor.

Stack

icons?i=react,vite,styledcomponents,pnpm,powershell

Desplegado en vercel.com.

Librerias

  • File Saver: Permite guardar archivos en el navegador del cliente.

  • React Hook Form: Proporciona un conjunto de hooks personalizados para manejar formularios en React de forma eficiente.

  • React Select: Un componente de selección altamente personalizable para React.

  • Styled Components: Permite escribir estilos CSS directamente en tus componentes de JavaScript.

  • Wouter: Una biblioteca de enrutamiento sencilla y flexible para React.

  • Zustand: Un mini gestor de estado para proyectos React.