glued/web-prototyping-tool

WebPrototypingTool

Web based prototyping tool built using Angular and Firestore. Build high-fidelity prototypes in your browser using real components.

Outline

• Getting Started

• Style Guide

  • CSS
  • Angular
  • TypeScript
  • GIT Commits
  • Storybook
  • NodeJS

• Testing

  • Firebase
  • E2E
  • Unit
  • Integration
  • Performance

• WebPrototypingTool Libraries

  • cd-interfaces Shared TypeScript interfaces
  • cd-themes Material Design Themes
  • cd-metadata Web platform Metadata
    • cd-metadata/css
    • cd-metadata/file
    • cd-metadata/fonts
    • cd-metadata/html
    • cd-metadata/units
  • cd-utils Generic reusable utilities
    • cd-utils/array
    • cd-utils/cache
    • cd-utils/clipboard
    • cd-utils/color
    • cd-utils/content-editable
    • cd-utils/css
    • cd-utils/guid
    • cd-utils/dom
    • cd-utils/drag
    • cd-utils/files
    • cd-utils/geometry
    • cd-utils/html
    • cd-utils/keycodes
    • cd-utils/map
    • cd-utils/numeric
    • cd-utils/object
    • cd-utils/selection
    • cd-utils/set
    • cd-utils/string
    • cd-utils/stylesheet
    • cd-utils/svg
    • cd-utils/url
  • cd-common Library shared across Renderer & App
    • cd-common/models Rendered Templates & properties model
      • Model CLI Script to scaffold a new component
      • Templates
      • Properties
    • cd-common/consts
    • cd-common/directives
    • cd-common/pipes
    • cd-common/services
    • cd-common/utils

• WebPrototypingTool Renderer

  • Core Systems
    • Stylesheets
    • Components

• WebPrototypingTool Export Application

• WebPrototypingTool Application Frontend

  • Debug Tooling
  • Assets
  • Offline Support
  • Styles
  • Routes
    • Dashboard
    • Project
    • Preview
    • Admin
  • Core Systems
    • NGRX Store
    • Undo / Redo
    • Keyboard Commands
    • Design Surface ( Canvas & Glass )
    • Services
    • Properties Model
    • App / Render communication
    • Image Upload / Storage
    • Analytics
    • Layers Tree
    • Design System ( Theme )
      • Colors
      • Fonts
      • Variables
      • Icons