booben
Web app constructor based on React, with GraphQL bindings
File Explorer
Download Latest Version (.zip)- component_default.svg
- error.gif
- favicon.png
- ic-light__chevron-right_24-bound.svg
- layout_default.svg
- webpack-demo.config.js
- webpack-prod.config.js
- webpack.config.js
- component-picker.js
- fakeSchema.json
- actions.js
- wrapper.js
- app.js
- components-library.js
- design.js
- desktop.js
- preview.js
- project.js
- structure.js
- AccordionBoxStyled.js
- AccordionBox.js
- CaseBodyStyled.js
- CaseHeaderStyled.js
- CaseMarkerStyled.js
- CaseRowStyled.js
- CaseTitleStyled.js
- constants.js
- ComponentActionCaseRow.js
- ActionButtonsWrapperStyled.js
- ActionContentWrapperStyled.js
- ActionHeadingStyled.js
- ActionIconStyled.js
- ActionLinkWrapperStyled.js
- ActionTitleStyled.js
- ActionTitleTextStyled.js
- constants.js
- ComponentAction.js
- ComponentActions.js
- ButtonRowStyled.js
- ComponentActionsButtonRow.js
- HandlerBodyStyled.js
- HandlerHeadingStyled.js
- HandlerIconStyled.js
- HandlerStyled.js
- HandlerTitleStyled.js
- HandlerTitleTextStyled.js
- ComponentHandler.js
- HandlersStyled.js
- ComponentHandlers.js
- index.js
- ContentStyled.js
- index.js
- Content.js
- index.js
- AppWrapperStyled.js
- AppWrapper.js
- BackdropBreadcrumbsStyled.js
- BreadcrumbsLinkStyled.js
- BackdropBreadcrumbs.js
- BreadcrumbLink.js
- BlockBreadcrumbsStyled.js
- BlockBreadcrumbs.js
- BlockContentActionsRegionStyled.js
- BlockContentActionsRegion.js
- BlockContentActionsStyled.js
- BlockContentActions.js
- BlockContentBoxGroupStyled.js
- BlockContentBoxGroup.js
- BlockContentBoxHeadingStyled.js
- BlockContentBoxHeading.js
- BlockContentBoxItemStyled.js
- BlockContentBoxItem.js
- BlockContentBoxAreaStyled.js
- BlockContentBox.js
- BlockContentHeadingStyled.js
- BlockContentHeading.js
- BlockContentNavigationStyled.js
- BlockContentNavigation.js
- BlockContentPlaceholderContentStyled.js
- BlockContentPlaceholderStyled.js
- BlockContentPlaceholderTextStyled.js
- BlockContentPlaceholder.js
- BlockContentTitleAreaStyled.js
- BlockContentTitleContentStyled.js
- SubtitleBoxStyled.js
- TitleActionsWrapperStyled.js
- TitleBoxStyled.js
- TitleIconStyled.js
- TitleStyled.js
- BlockContentTitle.js
- ActionsStyled.js
- BlockContentViewButtonStyled.js
- ButtonStyled.js
- IconBoxStyled.js
- index.js
- SectionTitleStyled.js
- TextBoxStyled.js
- TitleStyled.js
- BlockContentViewButton.js
- BlockContentStyled.js
- constants.js
- BlockContent.js
- index.js
- CanvasFrameStyled.js
- FrameStyled.js
- CanvasFrame.js
- ImageBoxStyled.js
- LayoutItemStyled.js
- SubtitleStyled.js
- TitleBoxStyled.js
- TitleStyled.js
- ComponentLayoutSelectionItem.js
- ComponentLayoutSelectionStyled.js
- SelectionListStyled.js
- ComponentLayoutSelection.js
- ComponentPlaceholderStyled.js
- TitleStyled.js
- ComponentPlaceholder.js
- CursorStyled.js
- ComponentsTreeCursor.js
- ComponentsTreeItemContent.js
- ComponentsTreeItem.js
- ComponentsTreeList.js
- constants.js
- ComponentsTree.js
- TagWrapperStyled.js
- ComponentTagWrapper.js
- ComponentTagStyled.js
- constants.js
- ImageStyled.js
- TagStyled.js
- TitleStyled.js
- ComponentTag.js
- ArtboardExpanderStyled.js
- IconStyled.js
- ArtboardExpander.js
- DataAdditionalStyled.js
- DataRowStyled.js
- ConstructionTool.js
- PaneRulerStyled.js
- PaneRuler.js
- ArtboardBoxStyled.js
- ArtboardDataContentStyled.js
- ArtboardDataSizeStyled.js
- ArtboardDataStyled.js
- ArtboardDataTitleStyled.js
- ArtboardStyled.js
- CanvasStyled.js
- constants.js
- ConstructionPaneStyled.js
- ConstructionPane.js
- ActionsStyled.js
- ButtonsStyled.js
- ContentBoxStyled.js
- ContentStyled.js
- DataListItemStyled.js
- DescriptionStyled.js
- TitleStyled.js
- TitleWrapperStyled.js
- TypeStyled.js
- DataItem.js
- constants.js
- DataListStyled.js
- DataList.js
- SubtitleStyled.js
- TitleStyled.js
- DataWindowContentGroup.js
- HeadingButtonsStyled.js
- DataWindowHeadingButtons.js
- SubtitleStyled.js
- TitleBoxStyled.js
- TitleStyled.js
- TypeStyled.js
- DataWindowTitle.js
- DataWindowStyled.js
- DataWindow.js
- reactackle-theme-mixin.js
- Dialog.js
- index.js
- DraggableWindowRegionStyled.js
- DraggableWindowRegion.js
- DraggableWindowStyled.js
- DraggableWindow.js
- constants.js
- DrawerTopContentStyled.js
- DrawerTopStyled.js
- DrawerTop.js
- ButtonWrapperStyled.js
- DrawerTopContentStyled.js
- TitleStyled.js
- DrawerTopContent.js
- FunctionEditorStyled.js
- FunctionEditorWrapperStyled.js
- HeadingStyled.js
- FunctionEditor.js
- index.js
- WrapperStyled.js
- HeaderLogo.js
- index.js
- defaultProps.js
- IconAdd.js
- IconAddCircle.js
- IconArrowChevronLeft.js
- IconArrowChevronRight.js
- IconArrowForward.js
- IconArrowUpDown.js
- IconAttach.js
- IconBrush.js
- IconCheck.js
- IconCollapse.js
- IconCopy.js
- IconCross.js
- IconCut.js
- IconDetach.js
- IconDrag.js
- IconDuplicate.js
- IconExclamation.js
- IconExpand.js
- IconLibrary.js
- IconLink.js
- IconList.js
- IconPaste.js
- IconPencil.js
- IconPlay.js
- IconRedirect.js
- IconRedo.js
- IconSearch.js
- IconShortcut.js
- IconTrash.js
- IconTree.js
- IconUndo.js
- IconUpload.js
- index.js
- OptionStyled.js
- Option.js
- OptionsGroup.js
- GroupTitleStyled.js
- OptionsGroupTitle.js
- OptionsListStyled.js
- OptionsList.js
- ContentStyled.js
- GroupTitleStyled.js
- InputSpotlightStyled.js
- InputWrapperStyled.js
- OptionsWrapperStyled.js
- reactackle-theme-mixin.js
- InputSpotlight.js
- ImageBoxStyled.js
- LayoutItemStyled.js
- SubtitleStyled.js
- TitleBoxStyled.js
- TitleStyled.js
- LayoutSelectionItem.js
- constants.js
- LayoutSelectionStyled.js
- SelectionListStyled.js
- LayoutSelection.js
- MenuOverlappingDividerStyled.js
- MenuOverlappingDivider.js
- MenuOverlappingGroupHeadingStyled.js
- MenuOverlappingGroupHeading.js
- ItemCaptionStyled.js
- ItemTitleStyled.js
- ItemTypeStyled.js
- MenuOverlappingGroupItemStyled.js
- MenuOverlappingGroupItem.js
- MenuOverlappingGroupStyled.js
- MenuOverlappingItemsListStyled.js
- MenuOverlappingGroup.js
- MenuOverlappingStyled.js
- MenuOverlapping.js
- PageDrawerActionItemStyled.js
- PageDrawerActionItem.js
- PageDrawerActionPlaceholderBoxStyled.js
- PageDrawerActionPlaceholderStyled.js
- PageDrawerActionPlaceholder.js
- PageDrawerActionsGroupStyled.js
- PageDrawerActionsGroup.js
- PageDrawerActionsAreaStyled.js
- PageDrawerActionsArea.js
- PageDrawerContentAreaStyled.js
- PageDrawerContentArea.js
- constants.js
- PageDrawerStyled.js
- PageDrawerWrapperStyled.js
- index.js
- PageDrawer.js
- ContentStyled.js
- IconStyled.js
- ProjectSaveStyled.js
- TitleStyled.js
- ProjectSave.js
- PropAction.js
- PropActionStyled.js
- PropAction.js
- ImageBoxStyled.js
- PropImage.js
- LabelStyled.js
- LabelTextStyled.js
- TooltipBoxStyled.js
- TypeStyled.js
- PropLabel.js
- ActionsBoxStyled.js
- ContentBoxStyled.js
- LabelBoxStyled.js
- LinkedDataStyled.js
- MarkStyled.js
- MarkWrapperStyled.js
- MessageBoxStyled.js
- PropItemStyled.js
- SubcomponentBoxStyled.js
- WrapperStyled.js
- PropBase.js
- EditorWrapperStyled.js
- PropCodeEditor.js
- ButtonRowStyled.js
- PropComponent.js
- ButtonRowStyled.js
- PropComponentPicker.js
- PropEmpty.js
- ChildrenWrapperStyled.js
- PropExpandable.js
- PropInput.js
- PropList.js
- PropTextarea.js
- ToggleBoxStyled.js
- PropToggle.js
- constants.js
- index.js
- PropsAccordionStyled.js
- PropsAccordion.js
- BreadcrumbsStyled.js
- LinkStyled.js
- ComplexPropBreadcrumbs.js
- NestedProp.js
- ButtonsRowStyled.js
- ContentStyled.js
- FieldNewStyled.js
- TitleRowStyled.js
- AddNestedValueDialog.js
- ActionsRowStyled.js
- NestedPropsList.js
- common.js
- Prop.js
- constants.js
- PropsListStyled.js
- PropsList.js
- ParameterTitleStyled.js
- RouteParameterStyled.js
- RouteParameter.js
- RouteParametersListStyled.js
- RouteParametersList.js
- IndexRouteCard.js
- AlertMarkStyled.js
- CardContentStyled.js
- CardStyled.js
- CardWrapperStyled.js
- constants.js
- IconMarkStyled.js
- MarkWrapperStyled.js
- MessageStyled.js
- RouteCardStyled.js
- SubtitleStyled.js
- TextBoxStyled.js
- TitleBoxStyled.js
- TitleStyled.js
- RouteCard.js
- RouteNewButtonStyled.js
- RouteNewButton.js
- RoutesListWrapperStyled.js
- RoutesListWrapper.js
- RoutesListStyled.js
- RoutesList.js
- index.js
- RouteTree.js
- RouteTreeItem.js
- RouteTreeItemButton.js
- RouteTreeItemContent.js
- RouteTreeList.js
- InputWrapperStyled.js
- reactackle-theme-mixin.js
- SearchInputStyled.js
- SearchInput.js
- DescriptionStyled.js
- KeyStyled.js
- ShortcutItemStyled.js
- ShortcutItem.js
- GroupTitleStyled.js
- ItemsWrapperStyled.js
- ShortcutsGroupStyled.js
- ShortcutsGroup.js
- ShortcutsListStyled.js
- ShortcutsList.js
- index.js
- ErrorScreen.js
- ContentStyled.js
- MessageStyled.js
- StateScreenStyled.js
- TitleStyled.js
- StateScreen.js
- constants.js
- reactackle-theme-mixin.js
- ToolbarStyled.js
- reactackle-theme-mixin.js
- ToolBarActionStyled.js
- ToolBarAction.js
- ToolBarGroupStyled.js
- ToolBarGroup.js
- ToolBar.js
- constants.js
- TreeStyled.js
- ButtonExpandStyled.js
- index.js
- reactackle-theme-mixin.js
- index.js
- ItemButton.js
- ItemButtonExpand.js
- ButtonSlotRightStyled.js
- ButtonsStyled.js
- IconSlotStyled.js
- IconStyled.js
- index.js
- ItemContentStyled.js
- SpacerStyled.js
- TreeItemStyled.js
- WarningStyled.js
- WarningWrapperStyled.js
- index.js
- TreeItemContent.js
- index.js
- TitleStyled.js
- TitleWrapperStyled.js
- index.js
- TreeItemTitle.js
- index.js
- TreeItem.js
- TreeListStyled.js
- index.js
- TreeList.js
- index.js
- Tree.js
- index.js
- common-prop-types.js
- load-states.js
- misc.js
- paths.js
- tool-ids.js
- ActionEditor.js
- ActionsList.js
- BoobenValueEditor.js
- CanvasBuilder.js
- ContentPlaceholder.js
- List.js
- Outlet.js
- PlaceholderBuilder.js
- PreviewBuilder.js
- Text.js
- helpers.js
- CanvasPlaceholder.js
- OverlayBoundingBox.js
- OverlayComponentTitle.js
- OverlayContainer.js
- OverlayOverlapBox.js
- CanvasContent.js
- Overlay.js
- constants.js
- content.ejs
- DocumentContext.js
- Canvas.js
- ComponentActionsEditor.js
- ComponentDataSelect.js
- ComponentPropsEditor.js
- ComponentRegionsEditor.js
- ComponentsDragAreaContainer.js
- ComponentsDragArea.js
- AccordionItem.js
- ComponentsLibrary.js
- ComponentsTreeView.js
- CreateComponentMenu.js
- DesignDialog.js
- ToolPanelCommonActions.js
- ToolPanelContent.js
- ToolPanel.js
- ToolWindow.js
- Desktop.js
- DrawerTopDesign.js
- LayoutSelectionDialog.js
- ActionArgSelection.js
- DataSelectionArgsEditor.js
- DataSelectionFieldsList.js
- DataSelection.js
- FunctionsList.js
- ButtonWrapperStyled.js
- FunctionWindow.js
- ButtonStyled.js
- FunctionAddArgumentButton.js
- ButtonRowStyled.js
- FunctionArgumentNew.js
- ArgumentsPlaceholderStyled.js
- NewFunctionWindow.js
- FunctionSelection.js
- LinkSourceSelection.js
- OwnerComponentPropSelection.js
- RouteParamSelection.js
- LinkPropWindow.js
- Preview.js
- ProjectSaveIndicator.js
- CreateRouteDialog.js
- EditRoutePathDialog.js
- RouteParams.js
- common.js
- index.js
- RouteEditor.js
- RouteContentViewButton.js
- RoutesListHeader.js
- RouteTree.js
- ViewRoutesList.js
- ViewRouteTree.js
- ShortcutsDialog.js
- ShortcutsProvider.js
- DesignToolbar.js
- StructureToolbar.js
- index.js
- alerts.js
- autoScrollUpDown.js
- collapsingToPoint.js
- draggable.js
- dropZone.js
- patchComponent.js
- resizeable.js
- withFormState.js
- api.js
- apollo.js
- components.js
- ComponentsBundle.js
- dom.js
- functions.js
- graphql.js
- library.js
- meta.js
- path.js
- values.js
- List.js
- Outlet.js
- Text.js
- props.js
- strings.js
- a.js
- abbr.js
- address.js
- area.js
- article.js
- aside.js
- audio.js
- b.js
- bdi.js
- bdo.js
- blockquote.js
- br.js
- button.js
- canvas.js
- caption.js
- cite.js
- code.js
- col.js
- colgroup.js
- datalist.js
- dd.js
- del.js
- details.js
- dfn.js
- div.js
- dl.js
- dt.js
- em.js
- embed.js
- fieldset.js
- figcaption.js
- figure.js
- footer.js
- form.js
- h1.js
- h2.js
- h3.js
- h4.js
- h5.js
- h6.js
- header.js
- hr.js
- i.js
- iframe.js
- img.js
- input.js
- ins.js
- kbd.js
- keygen.js
- label.js
- legend.js
- li.js
- main.js
- map.js
- mark.js
- meter.js
- nav.js
- noscript.js
- object.js
- ol.js
- optgroup.js
- option.js
- output.js
- p.js
- param.js
- picture.js
- pre.js
- progress.js
- q.js
- rp.js
- rt.js
- ruby.js
- s.js
- samp.js
- section.js
- select.js
- small.js
- source.js
- span.js
- strong.js
- sub.js
- summary.js
- sup.js
- table.js
- tbody.js
- td.js
- textarea.js
- tfoot.js
- th.js
- thead.js
- time.js
- tr.js
- track.js
- u.js
- ul.js
- var.js
- video.js
- wbr.js
- html.js
- misc.js
- SourceDataActionArg.js
- SourceDataActions.js
- SourceDataConnectionPaginationState.js
- SourceDataConst.js
- SourceDataData.js
- SourceDataDesigner.js
- SourceDataFunction.js
- SourceDataOwnerProp.js
- SourceDataRouteParams.js
- SourceDataState.js
- SourceDataStatic.js
- RecordWithHistory.js
- BoobenValue.js
- Button.js
- Clipboard.js
- Cursor.js
- Designer.js
- LibraryComponentData.js
- LibraryGroupData.js
- Project.js
- ProjectComponent.js
- ProjectFunction.js
- ProjectRoute.js
- Tool.js
- ToolSection.js
- ToolState.js
- app.js
- components-library.js
- desktop.js
- index.js
- project.js
- AppRoute.js
- DesignRoute.js
- RootRoute.js
- StructureRoute.js
- index.js
- library.js
- animations.js
- elements.js
- index.js
- media.js
- style.js
- booben.js
- constants.js
- index.js
- reactackle-constants.js
- reactackle.js
- utils.js
- appGlobalStyles.js
- classUtils.css
- themeSelectors.js
- browser.js
- dom.js
- geometry.js
- misc.js
- mouse-speed.js
- react.js
- .babelrc
- .eslintrc
- config.js
- history.js
- index.ejs
- index.js
- keymap.js
- preview.ejs
- preview.js
- store.js
- en.json
- ru.json
- constants.js
- logger.js
- development.json
- production.json
- test.json
- docker-entrypoint.sh
- Dockerfile
- travis-deploy.sh
- booben-values.md
- components.md
- deps.md
- index.md
- repo.md
- terms.md
- index.js
- index.js
- index.js
- codegen.js
- create-project.js
- get-metadata.js
- get-project.js
- graphql-proxy.js
- put-project.js
- serve-app.js
- serve-assets.js
- serve-bundle.js
- serve-preview.js
- common.js
- project.js
- constants.js
- .dockerignore
- .editorconfig
- .eslintignore
- .eslintrc
- .gitignore
- .prettierrc.json
- .travis.yml
- bootstrap.sh
- config.js
- dev-config.json
- docker-compose.yml
- index.js
- LICENSE
- Makefile
- package-lock.json
- package.json
- README.md
- rebuild-components-bundle.js
# Installation Guide
1. Get the code
git clone https://github.com/bcrumbs/booben
Downloads the entire project code from GitHub to your computer.
cd booben
Moves into the project folder you just downloaded.
2. Docker
Easy RecommendedPrerequisites
- Git Needed to download the project code from GitHub.
- Docker Desktop Needed to build and run containers. Install it and keep it running in the background.
docker pull braincrumbs/booben
Type this command into your terminal and run it.
docker run -d --name=booben -p 3000:3000 braincrumbs/booben
Runs the built image as an actual container.
docker-compose pull
Runs the command against the services defined in the compose file.
docker-compose up -d
Runs the command against the services defined in the compose file.
Run docker compose ps to check the containers are Up. If the README mentions a port, open http://localhost:PORT in your browser.
Pulled directly from this repo's README.
3. Node.js
EasyPrerequisites
npm install
Downloads and installs the libraries listed in package.json.
npm start
Starts the development/run server.
After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.
4. Make
MediumPrerequisites
- Git Needed to download the project code from GitHub.
- Make Usually pre-installed on Linux/macOS. On Windows, install separately (e.g. via MSYS2 or WSL).
make bootstrap
Compiles the code based on the generated build configuration to produce an executable.
If it finishes without errors, it worked. Try running the generated executable directly.
Pulled directly from this repo's README.
// repository documentation
Was this content helpful?
(0 ratings)