ShioCMS / shio-ui-primer

:sparkles: :dna: 🎨 Shio User Interface using Primer CSS and Angular 11.

Home Page:http://viglet.com/shio

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Quality Gate Status Twitter

Shio CMS user interface using Primer CSS

screen01.png

screen02.png

screen03.png

screen04.png

screen05.png

screen06.png

If you'd like to contribute to Shio CMS UI Primer, be sure to review the contribution guidelines.

We use GitHub issues for tracking requests and bugs.

Installation

Download

$ git clone https://github.com/ShioCMS/shio-ui-primer.git
$ cd shio-ui-primer

Deploy

1. Install NPM Modules

Use NPM to install the modules.

$ npm install

2. Start Shio CMS

Start Shio CMS following the procedure described in https://github.com/ShioCMS/shio/blob/master/README.md and use the ui-dev profile to start the Shio CMS.

Linux

export SPRING_PROFILES_ACTIVE=ui-dev
$ ./gradlew bootrun

Windows

set SPRING_PROFILES_ACTIVE=ui-dev
gradlew bootrun

3. Runtime

Use ng to execute Shio CMS UI Primer.

$ npx ng serve --open

4. Build

Use ng to build Shio CMS UI Primer.

$ npx ng build --prod

URL

Home: http://localhost:4200

About

:sparkles: :dna: 🎨 Shio User Interface using Primer CSS and Angular 11.

http://viglet.com/shio


Languages

Language:TypeScript 52.8%Language:HTML 44.2%Language:JavaScript 1.6%Language:SCSS 1.4%