Show one question per page?

Since you want the offline compatibility I suggest you make it in Javascript and a backend API. You could take a look at the VueJS lessons on this website.

In this way you save the current question and when they answer your API respond with the next question. You can reference the questions with UID (Unique Identifier) if you don't want anyone to be able to guess the number of the next question.

But before it makes sense to explain in detail you should know about Javascript and AJAX. I recommend VueJS and Vue-Resource, but that's completely up to you if you prefer something else instead.

Thanks for your input EmilMoe.

Ill look into some vueJS and Vue-Resource. My js is limited to mostly using jquery, so i might have to learn some new stuff here ;)

My project does now however seem harder than i first thought.

You can do it without Javascript, but I think in the long run you will be happy to benefit from it here.

My recommendation to you is to watch the entire serie about Vue (the 1.xx one, not the one from before version 1). Then you can decide if it feels right for you after. It's a day or half you have to invest, but might pay off.

For me was jQuery always a mess after a while and Angular seem bloated with unnecessary stuff, where I found Vue to be a more simple approach that is closer to how I work in PHP.

I wrote an article about how to get started with Vue in Laravel, but yeah, you will see it all in the videos if you follow them. https://hashnode.com/post/vuejs-with-keen-ui-cinqcbns701yixt53xnarmcg4

Allright thanks again.

I will have a look at the vue series.

Can i ask you what you mean by Backend API, just to be sure we are thinking of the same?

You call an URL with an AJAX request that responds with a string or JSON object.

There's a short guideline here to do RESTful https://en.wikipedia.org/wiki/Representational_state_transfer#Relationship_between_URI_and_HTTP_Methods

But it is basically that:

To get the question: GET yourapp/question/_id_
To answer the question: POST yourapp/question/_id_

Maybe to get the next question: GET yourapp/question/_id_/next

Hope it makes sense and that I'm not putting too much work on you. My Youtube isn't working for some reason, but there are some explanations https://www.youtube.com/watch?v=7YcW25PHnAA

But again, it's not rocket science just an URL that responds some data.

I think i got get what you're saying.

I'll have a look at it.

Btw. i do not need any offline compability.

I do however need a way so that when you click on next it saves the answers to the database as you go through the questions. So if you loose internet in the middle of a question its only that one and the ones ahead that you "havent" answered.

So all the allready answered will stay answered ;)

Does that make sense ?

That is sort of offline compatibility. I think you can store it in Web Storage, but someone else might be better at explaining this issue.

Right now im storing in mysql, but ill probably figure it out. Thanks anyway.

You will have to store it there too, but you have to cache it in the browser also.

http://www.w3schools.com/html/html5_webstorage.asp