arnicrietjens/Trivia-Web-App
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
No description
5 commits 1 branch 0 tags 148 KiB
  • TypeScript 66.7%
  • Java 25.9%
  • CSS 5.7%
  • HTML 0.9%
  • JavaScript 0.8%
Find a file
Exact
Arnic 58f76c5b38
 add README
2026-03-15 17:23:57 +01:00
quiz feat: added toasts to app 2026-03-15 17:23:25 +01:00
Trivia-Web-App feat: added toasts to app 2026-03-15 17:23:25 +01:00
config.json feat: updates to get a working application 2026-03-14 17:32:16 +01:00
README.md add README 2026-03-15 17:23:57 +01:00

README.md

Trivia Web App + Questions API

This repository contains a trivia web app, as well as an API backend to receive questions and check answers.

Project Overview

The project is split into two main components:

  1. Spring Boot Backend API: A Spring Boot based backend API where questions can be fetched at "/questions", which can be checked at "/checkanswers"

  2. Trivia Web App A React-based web application that can be used for answering the trivia questions gotten by the API.

Trivia Web App

A web interface for interaction with the API.

Tech Stack

  • React + Vite
  • TypeScript
  • Tailwind CSS
  • Shadcn UI

Running the web app

cd into the Trivia-Web-App/ directory and run:

For development

npm install
npm run dev

For production

npm run build
npm run preview

Spring Boot API

The web app connects to the backend via calls to http://localhost:8080.

For this, the backend needs to be started by moving into the quiz directory and running:

./mvnw spring-boot:run               -> for Unix based systems
mvnw.cmd spring-boot:run             -> for Windows systems