Welcome to Design System for My Family Lounge

This is static Website built with Ionic (Angular).

Use Git credential manager for Azure Devops Access

Prerequisites

• Git Credential Manager Windows
• Git Credential Manager Mac
  • See install instructions below 👀👇
• NodeJS

Recommendations

• Use npx which comes with NodeJS
• Article on npx
• Article on npm ci

Getting Started

Clone the project

git clone https://dev.azure.com/qktech/QK%20Enhanced%20Mobile/_git/design-system

Install Dependencies and Packages

npm ci

Serve the project (Usually on http://localhost:8100/)

npx ionic serve

Generate Components, Services, Modules, Classes, Directives, Guards

npx ionic generate

Deployment

• Currently getting deployed manually via Neil's Netlify account.

npx ionic build --prod

• Drag and drop www folder to Netlify

• https://designsystem-mfl.netlify.com/

• Pending job with Infrastructure Team to host.

How to install Git Credential Manager (GCM) on Mac

Git Credential Manager Mac

1. Download installer

2. Find link for GCM core for OSX

3. Open package on your Mac

4. Start Install Wizard

5. Copy to clipboard git clone command from Azure Devops

6. Paste into Terminal

7. Authenticate to GCM using your Azure Devops credentials

8. Complete DUO 2FA 🗝

9. Check the terminal for success 🎉

10. cd into the Project 🎤 👋

cd design-system