Day of the Programmer Hackathon!

The Day of the Programmer is an international professional day that is celebrated on the 256th (hexadecimal 0x100, or 2⁸th) day of each year.

# My Solution For THe Program Hackathon organized by Mouredev

DIAGREDIT

Creador de Diagrama simple Diagredit

Install

  # Clona este repositorio

  # Instalar dependencias necesarias
  npm install

  # Levante el servidor en modo de desarrollo
  npm run dev
   o
  yarn dev

• Visita http://127.0.0.1:5173 en tu explorador para ver el resultado. Este es un proyecto hecho con vite.js -https://vitejs.dev/

IMPORTANTE!

Para probar este proyecto en local debes de acceder desde a tu maquina usando el una direccion de ip 127.0.0.1 en lugar del localhost al que se esta acostumbrado ejemplo

• http://127.0.0.1:5173/

El servidor que acorta los link necesita una direccion tcp/ip valida para crear el link acortado de lo contrario no servira.

HABLEMOS DE GOJS( creador de diagramas svg)

• Fue la libreri que utilice para crear el creador de diagrama esta misma cuenta con una version de evaluacion gratis.
• Es simple y facil de manipular aunque para react sigue usando clases en sus ejemplos solo basta con modificar las mismas para seguir siempre una estructura actualizada de componentes funcionales.
• Los diagramas son echos en svg.
• Puedes acceder a la documentacion desde aqui GoJs.

LA UI CON TAILWIND:CSS

• Fue la libreria de ui que mas se adapta en estos casos de proyectos pequeños por lo rapito y simple de implementar.
• Tiene Templates suaves en y coloridos a la vez por lo que es facil conseguir uno que se adapte a tu proyecto.
• Te permite editar el css en el mismo archivo en que editas el componente asi que te ahorras tiempo el estar cambiando de archivos compuesos para un unico resultado.

GUARDAR DISEÑOS EN UN UNICO LINK EN LUGAR DE UN SERVIDOR.

• Fue la idea principal, hacer un editor simple y rapido, solo editas y copias tu link y listo , nada de usuarios, nada de tardias comunicaciones entre servidores

DEJANDO LOS LINK MAS NICE CON REBRANDLY

*Para unos link que guardan tanta informacion se necesita algo mas comodo de compartir es por eso que utilice un shortlink *Este es sencillo y gratuito sin muchas limitaciones, para pruebas como esta es perfecta

GUIANDO A LOS USUARIOS

• Aunque sea un app intuitiva y sencilla puede que a simple vista para algunos cueste saber de que se trata todo para eso esta joyride un product tour
• ES facil y rapido de usar a la vez que muy adaptable y modificable