GithubHelp home page GithubHelp logo

zenuml / web-sequence Goto Github PK

View Code? Open in Web Editor NEW
115.0 13.0 22.0 33.44 MB

Realtime tool for generating sequence diagrams.

Home Page: https://zenuml.com/

License: MIT License

JavaScript 83.49% HTML 8.86% CSS 7.61% Shell 0.04%
sequence-diagram chrome-extension uml uml-diagrams

web-sequence's Introduction

Web Sequence

HitCount Go to Web App

Web Sequence is a Free Sequence Diagram Online tool that converts your Chrome tab into a sequence diagram generator.

Screenshot

Table of Contents

Installation

  1. Web App - https://app.zenuml.com
  2. Chrome Extension - Chrome Web Store - ZenUML Sequence.

Features

  • Supports method call, internal method, alt (if/else) and loop (for, foreach, while) keywords
  • Works offline
  • Save and load your creations
  • Auto-save feature
  • Code auto-completion
  • Import & Export all creations anytime, anywhere
  • Multiple editor themes & other configurable settings
  • Font options + use any system font!
  • Very easily accessible. Simply open a new tab in Chrome! (in chrome extension only)
  • Capture preview screenshot (in Chrome extension only)

Follow @ZenUml for updates or tweet out feature requests and suggestions.

Development

$ yarn install  // instal modules
$ yarn start    // start a local server

$ yarn build    // build a staging release
$ yarn release  // copy resources to app / extension

CI/CD

Staging environment

  1. When a PR is created or updated, a preview site will be created, and you can find the link in the PR page.
  2. When a PR is merged into master branch, a staging site will be created. The link to the staging site is https://staging.zenuml.com.

Production environment

Create a tag as release-<version>, and push it to the remote. It doesn't matter which branch you are on. The CI/CD pipeline will create a production release. The link to the production site is https://app.zenuml.com.

Support

Web Sequence is completely free and open-source. If you find it useful, you can show your support by sharing it in your social network or by simply letting me know how much you ๐Ÿ’– it by tweeting to @ZenUml.

Acknowledgements

  • This project is a fork of Web Maker
  • The diagram generator is built on top of VueJs

License

MIT Licensed

Copyright (c) 2023 Peng Xiao, ZenUml.com

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.