13 March 2025

Fråge Fejden

Vue.js

Pinia

Fråge Fejden is another school project I have been working on this last year.

I was joined my my amazing classmates:

This project where a homage to the old Jeopardy game and was made over the course of a month. It was a part of our "Javascript Frameworks" course.

The game can be played solo or with an opponent in a hotseat challenge, where the players take turn answering the questions.

My responsibilities lied with the core game logic and managing state. I constructed the way the cards render on the screen and the ideas behind the general game flow.

This resulted in that we kept a bunch of function and the "gameloop" as well as the login data for the different users in Pinia (Vuejs version of Context)

import { defineStore } from "pinia"
import questions from "../lib/questions.json"

export const useQuestionStore = defineStore("questionStore", {
    state: () => ({
        answeredQuestions: [],
        questionsList: questions,
        questions: null
    }),
    actions: {
        checkDisabeled(id) {
            return this.answeredQuestions.includes(id)
        },
        disableQuestion(id) {
            this.answeredQuestions.push(id)
        },
        checkGameOver() {
            return this.answeredQuestions.length >= this.questionsList.length
                ? true
                : false
        },
        resetQuestions() {
            this.answeredQuestions = []
        }
    }
})

It was a fun project, and we learned a lot about how different it could be to make an app or a game compared to a regular website.

Projects