bcrumbs / Booben
Licence: apache-2.0
Web app constructor based on React, with GraphQL bindings
Stars: ✭ 96
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Booben
Learnapollo
👩🏻🏫 Learn Apollo - A hands-on tutorial for Apollo GraphQL Client (created by Graphcool)
Stars: ✭ 5,274 (+5393.75%)
Mutual labels: graphql, apollo, apollographql, graphcool
Graphql Up
Get a ready-to-use GraphQL API for your schema
Stars: ✭ 415 (+332.29%)
Mutual labels: graphql, apollo, apollographql, graphcool
React Fullstack Graphql
Starter projects for fullstack applications based on React & GraphQL.
Stars: ✭ 1,352 (+1308.33%)
Mutual labels: graphql, apollo, apollographql, graphcool
Angular Fullstack Graphql
🚀 Starter projects for fullstack applications based on Angular & GraphQL.
Stars: ✭ 92 (-4.17%)
Mutual labels: graphql, apollo, apollographql, graphcool
Graphback
Graphback - Out of the box GraphQL server and client
Stars: ✭ 323 (+236.46%)
Mutual labels: graphql, apollo, apollographql, generator
React Hipstaplate
A ReactJS full-stack boilerplate based on typescript with ssr, custom apollo-server and huge stack of modern utilities which will help you to start your own project
Stars: ✭ 74 (-22.92%)
Mutual labels: graphql, apollo, styled-components
Get Graphql Schema
Fetch and print the GraphQL schema from a GraphQL HTTP endpoint. (Can be used for Relay Modern.)
Stars: ✭ 443 (+361.46%)
Mutual labels: graphql, apollo, apollographql
Pup
The Ultimate Boilerplate for Products.
Stars: ✭ 563 (+486.46%)
Mutual labels: graphql, apollo, styled-components
Pizzaql
🍕 Modern OSS Order Management System for Pizza Restaurants
Stars: ✭ 631 (+557.29%)
Mutual labels: graphql, apollo, styled-components
Apollo Mocked Provider
Automatically mock GraphQL data with a mocked ApolloProvider
Stars: ✭ 70 (-27.08%)
Mutual labels: graphql, apollo, apollographql
Apollo Prophecy
🔮 GraphQL error management made Easy, generate custom machine-readable errors for Apollo Client/Server from the CLI
Stars: ✭ 83 (-13.54%)
Mutual labels: graphql, apollo, apollographql
Fraql
GraphQL fragments made simple ⚡️
Stars: ✭ 433 (+351.04%)
Mutual labels: graphql, apollo, apollographql
Graphql React Apollo
A GraphQL implementation in React using Apollo.
Stars: ✭ 9 (-90.62%)
Mutual labels: graphql, apollo, apollographql
Brian Lovin Next
My personal site
Stars: ✭ 522 (+443.75%)
Mutual labels: graphql, apollo, styled-components
Graphql
GraphQL (TypeScript) module for Nest framework (node.js) 🍷
Stars: ✭ 697 (+626.04%)
Mutual labels: graphql, apollo, apollographql
Vue Fullstack Graphql
Starter projects for fullstack applications based on Vue.js & GraphQL.
Stars: ✭ 352 (+266.67%)
Mutual labels: graphql, apollo, graphcool
Ssr Sample
A minimum sample of Server-Side-Rendering, Single-Page-Application and Progressive Web App
Stars: ✭ 285 (+196.88%)
Mutual labels: graphql, apollo, styled-components
Meteor Apollo Starter Kit
Meteor, Apollo, React, PWA, Styled-Components boilerplate
Stars: ✭ 91 (-5.21%)
Mutual labels: graphql, apollo, styled-components
Offix
GraphQL Offline Client and Server
Stars: ✭ 694 (+622.92%)
Mutual labels: graphql, apollo, apollographql
Full-stack web app developing platform
Design, develop, connect data, get source code - all in one place.
Features
- Design your app without a line of code by dragging-and-dropping components on the canvas
- Get a markup which is completely identical to what you see in the components tree without any unnecessary inline styles and / or wrappers
- Bind data with GraphQL
- Setup actions and write pure functions through the Booben interface
- Use any components library to build your own App. All you need is to cover this library with metadata. As a default we use Reactackle components library and plain HTML-tags. You may look at the Reactackle's meta for an example.
- Style components by modifying its props and/or by adding custom css (scss syntax is supported)
- Download generated code in a single click
Technologies used:
- React - to power up frontend
- React Router v4
- Redux (redux + react-redux) - state management
- Reselect - redux selectors
- immutable.js - we store all redux objects in immutable structures (Map, List, Set, Record, ...). Exceptions are those data structures which can't be changed at all or may be changed only completely (ex. metadata).
- Apollo (apollo-client + react-apollo) - GraphQL client, used only to communicate with project's GraphQL endpoint. Booben itself communicates with its backend by REST API.
- Styled Components - CSS-in-JS used for styling components
- Lodash
- Reactackle - react ui-components library
- Webpack
- Babel
- Eslint - we are now using custom presets but are going to migrate to Prettier.
Docs
Documentation is not complete and translated yet. Contributions are welcome.
Prerequisites
You'll need node version 8.6.0 or higher to run dev environment.
Setup
Clone Booben repo
git clone https://github.com/bcrumbs/booben
cd booben
Quick setup
Run bash script from the booben's directory. It will clone blank project for Booben and create config file.
bash bootstrap.sh
node index.js --config projects-config.json
OR
make bootstrap
On Docker:
docker pull braincrumbs/booben
docker run -d --name=booben -p 3000:3000 braincrumbs/booben
OR
docker-compose pull
docker-compose up -d
App will be running on http://localhost:3000/app/blank
Contributing
All contributions are welcomed.
License
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].