online-shopping-system

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.

Website Demo

Table of Contents

Project Code

/Code

Project Design

/Design

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

Project Requirements

/Requirements

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

Project Use Cases

/Use Cases

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

Project Test Cases

/Test Cases

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

Traceability Matrix

/Traceability Matrix

• Traceability Matrix
  • Traceability Matrix

Team Assesment Report

/Team Assessment Report

• Team Assessment Report
  • Report

Building & Testing

(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.

Setting up Environment

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

npm i pnpm -g && pnpm i

Building

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

Testing

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.