Skip to content
/ frontend-project Public template

Template for creating a new frontend project.

Notifications You must be signed in to change notification settings

7span/frontend-project

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 

Repository files navigation

Project Name

Little description about what this project is.

Tech Stack

Feature Package/Tech
Javascript Framework Vue.js 2
Global State Management Vuex / Pinia
CSS Tailwind CSS
API REST / GRAPHQL
Bundler Webpack / Vite / Rollup

NPM Scripts

Script Commands Info
build vite build Builds Production
build:qa vite run build --mode qa Builds QA

Branding

Assets URL
Logo https://drive.google.com/....
Icon https://drive.google.com/....
Fonts https://drive.google.com/....

Google Fonts

Type Name URL
Display Plus Jakarta https://fonts.google.com/...
Body Plus Jakarta https://fonts.google.com/...

Color Palette

{
  "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"
}

About

Template for creating a new frontend project.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published