I need it finished until the end of July.
This task is to create with PHP 5.6.3 and bootstrap an HTML5 page based in a JSON returned by our API and the given layout.
These pages are going to be used inside an app made in ionic that runs angular, but you don't need to do anything in ionic
Today almost all these pages exists generated by our php platform but they are not 100 % mobile.
So will show them here just to give you an idea of the current content, but the layout will be different and you need to create it 100 % mobile.
To develop the pages I will give you urls to fixed JSON sample files.
I developed the prototype in justinmind, will send you the files after award the Project.
You will create a unique PHP script + css file. try to use always material design.
In this document, for each sample layout I will show the current ( if exists ) page and what do we need.
The layout I will show is just to understand the general layout position and where each JSON value will be placed, but I´m far from o good designer, so you can make it much better, like changing font size and types, rounding the corners of the rectangles, drawing shadows, etc.
Please create one php script and one css style sheet unique for all the pages. We make our best to create standard UX across the pages.
I prefer to finish one page layout by a time for each milestone, instead of you deliver all pages together, this way we can make all the adjusts in layout and increment the script features in each page.
We can make modification to the JSON if you think for some good reason will be better, because I dont know nothing about css , so probably some tags can have different names or meanings.
The idea is to make the components the most standard as possible.
I will show the FULL JSON and full detailed description of each TAG only after award the Project.
All padding and other default styles will be set in the css file and part of your the work is to adjust this parameters.
In the JSON will only send data and sytle exceptions , there are only a few ones of them.
Attached are the sample layouts we need.