A simple online shopping system built using fluent-svelte. This project was made to practice common software engineering practices such as requirements engineering and architecure design.

/Code

/Design

• Class Diagram
  • Conceptual Model
  • Conceptual Model 2
• Sequence Diagrams
  • Shopping Cart
  • Class Based
• State Diagram
  • Online Shopping Site
• Design Report
  • Design Report

/Requirements

• Requirements
  • Tabular list of Requirements & Description
• Requirements Report
  • Requirements Report

/Use Cases

• Use Case Diagram
  • Diagram
• Use Case Descriptions
  • Descriptions

/Test Cases

• Acceptance Tests
  • Acceptance Test
• Unit Tests
  • Unit Test
• Integration Tests
  • Integration Test

/Traceability Matrix

• Traceability Matrix
  • Traceability Matrix

/Team Assessment Report

• Team Assessment Report
  • Report

(Optional) You can use Gitpod to build the project in an online environment,

If you use Gitpod then you can skip #setting-up-environment, and go right into #building and #testing.

You need to install nodejs. You then need to type in these commands to your terminal,

npm i pnpm -g && pnpm i

The website uses astro, tailwindcss, sass, svelte, fluent-svelte, and typescript.

For building in development mode you need to run,

pnpm dev

For a fully built production site,

pnpm build

To preview the production site,

pnpm preview

Altogether,

pnpm build && pnpm preview

For testing, the project uses vitest as it is very fast and has native typescript support.

To test the project continously,

pnpm test

To test the project once,

pnpm test:run

Tests are stored in /Test Cases.