Little description about what this project is.
Feature | Package/Tech |
---|---|
Javascript Framework | Vue.js 2 |
Global State Management | Vuex / Pinia |
CSS | Tailwind CSS |
API | REST / GRAPHQL |
Bundler | Webpack / Vite / Rollup |
Script | Commands | Info |
---|---|---|
build | vite build | Builds Production |
build:qa | vite run build --mode qa | Builds QA |
Assets | URL |
---|---|
Logo | https://drive.google.com/.... |
Icon | https://drive.google.com/.... |
Fonts | https://drive.google.com/.... |
Type | Name | URL |
---|---|---|
Display | Plus Jakarta | https://fonts.google.com/... |
Body | Plus Jakarta | https://fonts.google.com/... |
{
"primary-100": "#D6E4FF",
"primary-200": "#ADC8FF",
"primary-300": "#84A9FF",
"primary-400": "#6690FF",
"primary-500": "#3366FF",
"primary-600": "#254EDB",
"primary-700": "#1939B7",
"primary-800": "#102693",
"primary-900": "#091A7A",
"secondary-100": "#D6E4FF",
"secondary-200": "#ADC8FF",
"secondary-300": "#84A9FF",
"secondary-400": "#6690FF",
"secondary-500": "#3366FF",
"secondary-600": "#254EDB",
"secondary-700": "#1939B7",
"secondary-800": "#102693",
"secondary-900": "#091A7A",
"success-100": "#D9FBD4",
"success-200": "#ADF7AA",
"success-300": "#7BE982",
"success-400": "#57D36A",
"success-500": "#28B74C",
"success-600": "#1D9D49",
"success-700": "#148345",
"success-800": "#0C6A3F",
"success-900": "#07573A",
"info-100": "#D9F2FE",
"info-200": "#B4E2FD",
"info-300": "#8ECCFA",
"info-400": "#70B7F5",
"info-500": "#4396EF",
"info-600": "#3074CD",
"info-700": "#2157AC",
"info-800": "#153C8A",
"info-900": "#0C2A72",
"warning-100": "#FEFDD7",
"warning-200": "#FEFBB0",
"warning-300": "#FCF789",
"warning-400": "#FAF36B",
"warning-500": "#F7ED3B",
"warning-600": "#D4CA2B",
"warning-700": "#B1A81D",
"warning-800": "#8F8612",
"warning-900": "#766E0B",
"danger-100": "#FFE7D6",
"danger-200": "#FFCAAD",
"danger-300": "#FFA683",
"danger-400": "#FF8365",
"danger-500": "#FF4A32",
"danger-600": "#DB2B24",
"danger-700": "#B7191F",
"danger-800": "#930F20",
"danger-900": "#7A0920"
}