kafka-ui/kafka-ui-react-app/README.md
Oleg Shur 7213bbdf7a
Get rid of node-sass. Ability to run UI using proxy(#1099)
* Get rid of node-sass

* Add an ability to run app using proxy
2021-11-17 12:57:38 +03:00

69 lines
1.5 KiB
Markdown

# UI for Apache Kafka
UI for Apache Kafka management
[![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=provectus_kafka-ui_frontend&metric=alert_status)](https://sonarcloud.io/dashboard?id=provectus_kafka-ui_frontend)
## Table of contents
- [Requirements](#requirements)
- [Getting started](#getting-started)
- [Links](#links)
## Requirements
- [docker](https://www.docker.com/get-started) (required to run [Initialize application](#initialize-application))
- [nvm](https://github.com/nvm-sh/nvm) with installed [Node.js](https://nodejs.org/en/) of expected version (check `.nvmrc`)
## Getting started
Go to react app folder
```sh
cd ./kafka-ui-react-app
```
Install Husky
```
npm install -g husky
```
Install dependencies
```
npm install
```
Generate API clients from OpenAPI document
```sh
npm run gen:sources
```
## Start application
### Proxying API Requests in Development
Create or update existing `.env.local` file with
```
HTTPS=true # if needed
DEV_PROXY= https://api.server # your API server
```
Run the application
```sh
npm start
```
### Docker way
Have to be run from root directory.
Start UI for Apache Kafka with your Kafka clusters:
```sh
docker-compose -f ./docker/kafka-ui.yaml up
```
Make sure that none of the `.env*` files contain `DEV_PROXY` variable
Run the application
```sh
npm start
```
## Links
* [Bulma](https://bulma.io/documentation/) - free, open source CSS framework based on Flexbox
* [Create React App](https://github.com/facebook/create-react-app)