Git Product home page Git Product logo

diagramt-edit's Introduction

Day of the Programmer Hackathon!

The Day of the Programmer is an international professional day that is celebrated on the 256th (hexadecimal 0x100, or 28th) 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

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

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

diagramt-edit's People

Contributors

carlos-carsdfj avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.