5GCity Platform

](https://gitlab.ubiwhere.com/5GCity/web-platform/commits/master)

(https://standardjs.com)

(https://gitlab.ubiwhere.com/frontend/Starters/ReactKea/commits/master)

(https://gitlab.ubiwhere.com/frontend/Starters/ReactKea/commits/master)

(https://conventionalcommits.org)

(https://github.com/semantic-release/semantic-release)

(https://github.com/storybooks/storybook)

Stack used

• React
• Webpack
• Babel
• Kea.js/Redux
• React Router 4
• Styled Components
• Axios HTTP Client
• Flow Type Checking
• Standardjs
• Hygen

Installation/Instantiation

The presented solution use Docker.

Please install Docker according to the desired operating system.

Build Docker command:

docker build --rm -t 5gcity:latest . --build-arg API_BASE_URL=https://5g-dashboard.i2cat.net --build-arg API_MONITORING=https://5gcity-monitoring.i2cat.net/d/qymONwsWz

When on your console show Successfully built xxxxxxxxxx run command:

docker run -d -p 5000:5000 5gcity:latest

Go to http://localhost:5000

To Stop Container Ctrl+C

Configuration

To change the name or tag of docker image modify:

docker build --rm -t NAME:TAG

To change API_BASE_URL or API_MONITORING need to pass --build-arg modify API_BASE_URL="http://XXX.XXX.X.XXX or API_MONITORING=http://XXX.XXX.X.XXX

docker build --rm -t 5gcity:latest . --build-arg API_BASE_URL=http://xxx.xxx.x.xxx --build-arg API_MONITORING=http://xxx.xxx.x.xxx

How to develop

1 - Clone the project

2 - Install dependencies

yarn install

3 - Create a branch of the feature/issue you are working on

git checkout -b <feature/issue>

4 - Start the dev environment

yarn start

Available Commands

Linter

Lints and fixes common problems

yarn lint:fix

Shows the results of the linter

yarn lint

Testing

yarn test

Generate Components

yarn generate:component

Generate Containers

yarn generate:container

Generate Scenes

yarn generate:scene

StoryBook

Start StoryBook

yarn start:storybook

Build StoryBook

yarn build:storybook

UI

Element-React