Skip to content
Image Quiz Game developed in Materialize CSS framework and PHP
JavaScript CSS PHP HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
actions
admin
core
css
data
fonts/roboto
images
js
vendor
.gitignore
LICENCE.TXT
README.md
composer.json
composer.lock Start adding the backend May 17, 2017
gameOn.html
index.html
reset.php
results.php
test.php

README.md

Image Quiz Game

Web based game developed with Javascript, MaterializeCSS and PHP

You can play here

Introduction

The game shows variοus images with faces of people. The player should memorize the faces

The time and number of tips a player use to answer is recorded and sent back to server

Admin can upload photos, locally or fetch an extrernal URL, and set the attributes as name and level

Game Start

The game start in index.html file.

The loadFaces(url,level) javacript function should be call for the initialization of the game

The level agrument is used for POST to server witch level questions we need

The url should receive a JSON response like this

[
  { "id": "0",
    "image": "/images/emma.jpg",
    "level": "1",
    "name": "Emma"},
  { "id": "1",
    "image": "/images/albert.jpg",
    "level": "1",
    "name": "Albert" }
]

Game On

After player memorize the the faces, he direct's to gameOn.hmtl The startGame(url,level) should be call for the initialization

Player's answers: question, number of help clicks, and time are stored in a JSON locally and posted to server at the end

Upload an image

In admin\upload.html you can upload an image from your computer or fetch from an exteral URL

actions\upload.php checks if the file/URL is valid and saves it with help of Intervention Image library

Database set up

To run this application you should deploy the files to a PHP server with Mysql or MariaDB running

Setup the data\configDB.php with your database crendentials

Crete the table below in your database

CREATE TABLE `questions` (
	`id` INT(10) UNSIGNED NOT NULL AUTO_INCREMENT,
	`name` VARCHAR(50) NOT NULL,
	`image` VARCHAR(500) NOT NULL,
	`level` INT(11) NOT NULL,
	PRIMARY KEY (`id`)
)

Run without back-end

You can run the index.html , gameOn.html ,admin\dashboard.html by providing a url of a static JSON file, in a format as stated above, at loadFaces startGame showAll javascript functons

Although you should still run this from a http server cause the cross origin policies

You can’t perform that action at this time.