Assignment1.md

EWU-CSCD378-2024-Spring

Assignment 1

The purpose of this assignment is to solidify your learning of:

• Building a Vue 3, Vuetify, TypeScript App
• Unit testing infrastructure using Jest
• Creating a CI/CD pipeline with GitHub Actions
• Deploying the site to Azure

Instructions

1. Create a Vue app ❌✅

   • Uses TypeScript ❌✅
   • Add Vuetify ❌✅
   • Uses Vitest ❌✅

2. Create a simple page called game.vue ❌✅

   • Page should have a card with a heading that with a clever name for the game ❌✅
   • some default placeholder body text ❌✅
   • and a button to take you back to the home page ❌✅
   • there should be a button on the home page to access this page ❌✅

3. Check all the code into your repo fork ❌✅

4. Create a static web app in Azure ❌✅

   • Create the container where your GitHub repo will deploy
   • Link the site with your GitHub repo

5. Update the CI/CD pipeline ❌✅

   • Pipeline runs on each check in
   • Vitest run and pass ❌✅
   • Vue app builds ❌✅
   • Vue app deploys to Azure ❌✅

6. Azure site works ❌✅

   • Post your Azure URL in your readme.md file. Replace the URL in the readme with your URL. ❌✅

Extra Credit

• Come up with up to three unique ideas for stories we could implement as part of our project. Post these in your readme.md. ❌✅
• One point per idea up to three points