ProtoCAD is a prototyping tool that empowers developers to build and visualize their component as GraphQL schemas and queries.
Use the package manager npm or yarn to install
yarn install- Run Electron and Webpack in Development Mode
npm run dev- Run tests
npm run test-
When the application starts, select the File tab from the menu and open a project of your choice. You would the find your all project files in the Project tab. To build components, click on Tools.
-
You can now see the components you built in a tree structure. Go ahead and add props to the components. The structure can be populated with several child nodes.
- Let's convert the components to GraphQL Schema by clicking Convert to Schema Button. You can now see the components in SDL(Schema Definition Language).
- Write GraphQL resolver and save it by clicking on the Send Resolver Button.
- You could also write queries to request GraphQL server for data. Returned data is displayed under the GraphQL icon.
ProtoCAD is currently in beta release. We encourage you to submit issues for any bugs or ideas for enhancements. Also feel free to fork this repo and submit pull requests to contribute as well.
- Jason Lee | @jasonlee1245
- Kassandra Meyer | @kassanj
- Benjamin Morrison | @newbenhd
- Eric Natividad | @EricNatividad
- Suramya Sekhri | @suramyasekhri