online-shopping-system Svelte Themes

Online Shopping System

A simple online shopping system built using fluent-svelte

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

Project Requirements

/Requirements

Project Use Cases

/Use Cases

Project Test Cases

/Test Cases

Traceability Matrix

/Traceability Matrix

Team Assesment Report

/Team Assessment Report

  • Team Assessment 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.

Top categories

Loading Svelte Themes