Skip to content

artisanphil/vue-guess-n-learn

Repository files navigation

Ask Lingua, Vue Frontend

This game is based on Guess Who, but for language learning.

Overview

There are 3 quiz modes:

  • multiple choice (random from all questions)
  • fill in the blank
  • jumbled sentence

Technologies:

Laravel API

Nginx

Vue JS with Typescript

Tailwind

Installation

Download the backend code and run in Docker

Come back to this project and in the terminal run the following commands:

cp .env.example .env

npm install

npm run serve

go to http://localhost:8080

Docker (for production)

cp .env.example .env

docker build . -t vue-guess-n-learn

docker run -d -p 8080:80 vue-guess-n-learn

Screenshots

Lingua's turn

Pick attribute

Multipe choice question

Remaining characters

Click words