https://github.com/shivamka1/dmv-consul-reactjs

Deployment Model View built in ReactJS using Consul APIs.
https://github.com/shivamka1/dmv-consul-reactjs

consul feature-first-project-strucutre reactjs redux styled-components

Last synced: about 8 hours ago
JSON representation

Deployment Model View built in ReactJS using Consul APIs.

• Host: GitHub
• URL: https://github.com/shivamka1/dmv-consul-reactjs
• Owner: shivamka1
• License: mit
• Created: 2019-01-10T17:01:50.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2023-11-12T01:49:29.000Z (about 1 year ago)
• Last Synced: 2025-01-13T06:20:55.444Z (6 days ago)
• Topics: consul, feature-first-project-strucutre, reactjs, redux, styled-components
• Language: JavaScript
• Homepage:
• Size: 2.01 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# dmv-consul-reactjs

This application attempts to depict many-to-many relationships in UI using `react-sortable-tree` library. In particular, it attempts to express many-to-many relationships between *nodes*, *services* and *customers* that make up a certain deployment model. I have attempted to explain the requirement to build such an application in a blog post which you can read [here](http://www.shivamkapoor.com/blogs/technology/2019/03/04/many-to-many-ux-design-considerations/).

![Alt Text](https://github.com/codingkapoor/dmv-consul-reactjs/blob/master/dmv-consul-reactjs.gif)




(**Note:** I have used [Peek](https://github.com/phw/peek), an animated gif screen recorder for the gif posted above.)

## Dependencies

- **NPM**: This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

- **Consul**: This application requires an already running Consul instance to which all the nodes and services are already registered. Please refer [README](https://github.com/codingkapoor/stage-deployment-configs) from another project to bring up a virtual environment.

## Start (In Dev)

```

npm start

```

## Build

```

npm run build

```

## Launch (In Prod)

```

npm install -g serve

serve -s build

```