Assignment 6 - JAMStack Website

• Due Sunday December 5 11:59pm
• Only 1 submission required per team
• 50% of Course mark
• Link to Groups

Outline

You are a small web development team that has decided to start working for yourselves. As such you need to make a website for your organization. The site needs to have:

• 4-5 web pages
• A team/company name
• A basic design system (typography, colors, and theme)
• A home page
• A tech blog with 2-3 articles
• A team bio page
• 2-3 other pages (services, reviews, contact, gallery...)

Roles and Responsibilities

These jobs are not exclusive to these roles

• Backend/DevOps: Responsible for configuration of cms, deployment to netlify, and managing git repo
• Content Manager: Research for and write blog posts, gather image assets for posts and site.
• Frontend Developer: Set up Nuxt, build vue components, manage script tags.
• Designer: Manage design system, visual hierarchy, stylize the website

Notes on Roles

• These are basic guidelines. You can of course modify them as your team sees fit.
• Your individual grade will reflect the work relevant to your role (by 5%)
• How your team manages itself is up to you
• Site UI text and assets: group to determine how this will be created, Does not have to be the content editor.

Tech Stack

Create a JAMstack site using Github, Nuxt, and Netlify CMS.

• Nuxt 2 Static Site
• Your choice of css framework
• Netlify CMS
• Hosted on Netlify
• Git based on github

Marking Rubric

• In your Readme, please specify team member and their role

Kanban Board (extra 2pts)

• Organize project tasks in github kanban board

Backend Development 10

• Page Deployment
  • Nuxt Content Module
  • Netlify Deployment
  • Configured YAML Fields
  • Site Data Management

Site Content 10

• Articles
  • 3 articles
    • Can only use 1 short article
    • Readability, grammar
  • 2 other content types on posts
  • Gather assets

Frontend Development 10

• Site Functionality
  • Nuxt Configuration
  • UI functionality
  • Content rendering
  • Nuxt Modules

Site Design 10

• Look and Feel
  • CSS Framework
  • Visual Hierarchy
  • Overall Site Design

Indiviual Grade 5

• Relative to your role's grade

Team Assessment 5

• Determined at end by group assessment