Full Stack Development

Assignment 2.1 - Blog

by Tomas Trescak t.trescak@westernsydney.edu.au

Blog Platform

Solution

Blog Platform

Success Criteria

  • ✅ All tests must pass
  • ✅ You must understand and explain your code

Blog Platform

Acceptance Criteria

Blog Platform

Acceptance Criteria

Blog Platform

Project Setup

  • Group Project
    • Programmer
    • Product Owner / Quality Assurance
Bill
Jane
John
Code A
Code B
Code C
Repo A
Repo B
Repo C
Approve B
Approve C
Approve A

Blog Platform

/

Project Setup

  • Assignment links:
    1. Link A: $ASSIGNMENT-2-1$
    2. Link B: $ASSIGNMENT-2-2$
  • Group number is limited in each group
  • Accept the assignment and clone
  • Remember A or B
  • Join the project in the other group
  • ⚠️ Do not join the project of your reviewer

Blog Platform

/

Project Structure

  • Applications
    • apps/web
    • apps/admin
  • Packages
    • packages/utils
    • packages/ui
    • packages/db
    • packages/env
    • packages/*-config
  • Tests
    • tests/playwright
    • tests/storybook

    Blog Platform

    /

    Application Architecture

    • Predefined routing system
    • Predefined component structure
    • Admin app requires more work

    Blog Platform

    /

    Running the Project

    • turbo and pnpm
      • npm i -g pnpm
      • npm i -g turbo
    • Rename .env.example to .env
      • apps/admin
      • packages/db
    • turbo dev
      • Client: localhost:3001
      • Admin: localhost:3002
    • turbo test-1 or turbo test-2 ...
    • turbo dev:test-1 or turbo:dev-test-2

    Running Tests

    turbo test

    Running Tests

    turbo dev:test-1

    Running Tests

    turbo dev:test-1

    Running Tests

    Visual Studio Code

    Blog Platform

    /

    Next Steps

    • Start implementing blog UI
    • Ensure all filters work correctly
    • Pass all tests before submission