UmiJS Boilerplate is a frontend template that includes HTML, CSS, and JS to build websites using ReactJS.
Open your preferred command line tool and run follow some steps below:
....cd vn-travelmart-fe.yarnornpm installautomatically to install plugins required for the build script based inpackage.jsonfile.yarn startornpm startto preview and development, then run urlhttp://localhost:8000in your browser.yarn buildornpm buildto build app.
- Install latest node.js: https://nodejs.org
- Install latest yarn package manager: https://yarnpkg.com/
- Install node modules by running terminal command
yarn install - Run the app
yarn start - For build production files use
yarn build(build to /dist/ folder)
vn-travelmart-fe/
├── config/
│ ├── config.js (config umijs)
│ ├── config.route.js (routes)
│ ├── defaultSettings.js
│ └── ...
│
├── src/
│ ├── assets
│ ├── components
│ ├── layouts
│ │ ├── login
│ │ ├── main
│ │ ├── public
│ │ ├── index.js
│ │ └── ...
│ │
│ ├── locales
│ ├── models
│ │ ├── global.js
│ │ ├── menu.js
│ │ ├── setting.js
│ │ ├── user.js
│ │ └── ...
│ ├── pages
│ │ ├── booking
│ │ ├── category
│ │ ├── customers
│ │ ├── dashboard
│ │ ├── login
│ │ ├── operating
│ │ ├── supplier
│ │ ├── system
│ │ ├── tours
│ │ └── ...
│ │
│ ├── services
│ │ ├── login.js
│ │ ├── menu.js
│ │ ├── user.js
│ │ └── ...
│ │
│ ├── ultis
│ │ ├── Authorized.js
│ │ ├── Helper.js
│ │ ├── utlis.js
│ │ ├── variables.js
│ │ └── ...
│ │
│ ├── wrappers
│ │ ├── auth.js
│ │ └── ...
│ │
└── package.js
There is a main SCSS-file global.scss.
The global.scss imports all partials.
This is how the sass-folder looks like:
$ tree
.
styles
├── Antd
│ ├── import
│ | └── …
│ ├── antd.cleanui.scss
│ └── …
├── Bootstrap
│ ├── import
│ | └── …
│ ├── bootstrap.cleanui
│ └── …
└── …
Helper.getDateTime({
value: Helper.setDate({
...setDateData,
originValue: `date`,
}),
format: 'YYYY-MM-DD HH:mm:ss'
isUTC: true,
})
Helper.getDateTime({
value: `date`,
format: 'YYYY-MM-DD HH:mm:ss'
isUTC: false
})
Array.from({ length: `number` }, (v, i) => i)
{
title: 'Dashboard',
key: 'dashboardAlpha',
url: ['/dashboard'],
con: 'icon icon-dashboard',
permission: ['ROLES_ADD'],
multiple: false
},
{
path: '/roles',
component: './roles',
wrappers: [ '@/wrappers/auth'],
authority: ['ROLES],
}
subject: name function
action: action of function
<Button color="success" icon="plus" subject="roles" action="add">
Add
</Button>
sudo docker-compose stop
sudo docker-compose run --rm web yarn
sudo docker-compose run --rm web yarn build
sudo docker-compose up -d
- git commit -m"add fall detection" --no-verify
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent