App Store Ethics: The Game

Status: Ongoing

Project members:

• Dadi Andrason
• Emmie Berger
• Julia Böckert
• Steffanie Kristiansson
• Olivia Månström
• William Johnston

The current version of this project can be found deployed at https://app-store-ethics.vercel.app/.

Description

This application is a Bachelor's project done at the Department of Computer Science and Engineering at Chalmers University of Technology. The purpose of the project is to create a tool suitable for teaching ethics in a computer science class. The goal of the game is to make students reflect on their choices and get a greater picture of how computer science affects ethical matters in everyday life.

Technical description

Frontend

This is a Next.js project with TypeScript.
The project uses TailWindCSS for CSS styling as it comes with thousands of pre-defined classes for styling with the ability to customise and extend existing classes.

Pages:

• "/", the landing page: describes the game and shows a disclaimer.
• "/game", the game page, shows the app and allows the user to make a choice whether to release the app or decline it.
• "/consequence", shows the consequences of an accept/decline of an app.
• "/endpage", shows whether the player won or lost with the game being over.
• "/thankyou", a page for thanking the player for playing the game and encourages them to answer our survey

Backend

The backend is written in Typescript and purely contains game-logic and data for the game. The apps are currently hard-coded but type-safe and easy to extend with more apps if needed. The backend keeps track of the games current state and the apps and values for the four factors of the game. The following image represents the backend:

How to run

First, by using a terminal, install the necessary packages:

npm install

Secondly, run the development server:

npm run dev

Open http://localhost:3000 with your browser to see the application.