ProtoCAD

ProtoCAD is a prototyping tool that empowers developers to build and visualize their component as GraphQL schemas and queries.

Getting Started:

• Run Electron and Webpack in Development Mode

  bash
  npm run dev
  

• Run tests

  bash
  npm run test
  

How to Use:

1. 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.

2. 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.

1. 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).

1. Write GraphQL resolver and save it by clicking on the Send Resolver Button.

1. You could also write queries to request GraphQL server for data. Returned data is displayed under the GraphQL icon.

Contributing

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.

LICENSE

MIT

Contributors

• Jason Lee | @jasonlee1245
• Kassandra Meyer | @kassanj
• Benjamin Morrison | @newbenhd
• Eric Natividad | @EricNatividad
• Suramya Sekhri | @suramyasekhri