https://github.com/mfkimbell/buildwise

https://github.com/mfkimbell/buildwise

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/mfkimbell/buildwise
• Owner: mfkimbell
• Created: 2024-02-13T01:23:34.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-03-23T18:37:42.000Z (9 months ago)
• Last Synced: 2024-05-21T22:38:51.311Z (7 months ago)
• Language: TypeScript
• Size: 2.53 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# buildwise

Buildwise

An AI automated devops architecture visualizer. It's a React webapp that either accepts a Github repository link or a manual description of a project. It then prompts OpenAI API to create a graph in the format required by custom edges and nodes from ReactFlow. The graph is then visualized and can be edited as well as interacted with to learn more about how to project connects.

## Tools Used

* `OpenAI` For automatic generation of graphs based on user input

* `Docker` Containerization of the backend and frontend

* `TailwindCSS` Inline CSS tool

* `TypeScript` Typesafety for javascript

* `ReactFlow` Creation and display of the custom nodes and edges

* `ReactRouter` Rendering various pages

* `FASTapi` Creating an api

* `Uvicorn` Hosting the webserver that runs the API

* `Dotenv` Secret managment (openAI and github token)

* `ElkJS` Reoganizing the graph/nodes

## Homepage



## AI graph generation

Users can write a description of their project and a call to OpenAI will attempt to create a template close to the current projected project



## Flexibility

Even if the project isn't perfectly mapped, users can easily adjust the graph in a UI friendly way. 

https://github.com/mfkimbell/buildwise/assets/107063397/b3dc6108-d802-4a35-83ed-25ec93eb75ec

## Reorganization

Users can map their graph based on 4 different mapping strategies

https://github.com/mfkimbell/buildwise/assets/107063397/9d171e01-ce74-4698-b50a-2e09f0f03ac8

## Connections

ChatGPT will also autopopulate the connections between nodes for clarification. Connections can be seen in the sidebar by clicking on them. 

https://github.com/mfkimbell/buildwise/assets/107063397/5d4aa72c-a528-400f-9c71-6fb5548b5846

## Existing project option

Currently, if you plug an existing project with the github url, it will build a map based on the project dependencies. However, I might change how this works in the future.