Files
mic-check/docs/admin/00-New-Website.md

1.2 KiB

The admin website for MicCheck will be a single page application written in type script and vuejs. We need to create a basic dashboard style admin website to manage feature flags, projects and environments

Requirements

  1. Find a simple admin theme for use with Vuetify and create a basic vuejs spa using typescript for the components.
  2. Utilize npm for build, webpack for bundling, and jest for frontend unit tests
  3. Generate a vector-based logo for MicCheck that uses a Microphone on a stand and add that logo to the header of the site
  4. For main navigation add the following: Features, Environments, Projects
  5. In the upper right hand of the header, include a link to a user profile with the name John Doe and a profile icon that points to /profile, and a gear icon that points to /settings
  6. Ensure the project with build and tests will pass using npm commands

Acceptance Criteria

  • A new website has been created with a default theme and key elements created for header, navigation, project and settings
  • A vector image of a microphone has been created and added to the header
  • A main navigation area is displayed with placeholder links for the expected sections
  • The site will build successfully and tests run without error