-
Notifications
You must be signed in to change notification settings - Fork 0
Other Features
###Search
There is a big search box to search for trucks, not only for truck names, but also for food types, description, and we also plan to add search for menus. It is also processed in front-end by AngularJS, it will search through all truck information got from API. For example:
This will show results of trucks contains chicken in their name, description, food type, or menu (future feature)
###Animations We made some javascript animations with the trucks go cross each other, this is simply done by jQuery with random speed and delay generated. Therefore, the animation will be different every time you reload the page.
var splashAnimation = function() {
var topTrucks = $(".splash-image .splash-image-up .splash-trucks");
var btTrucks = $(".splash-image .splash-image-bt .splash-trucks");
for (i = 0; i < topTrucks.length; i++) {
var rand = Math.random();
var rand2 = Math.random();
$(topTrucks[i]).delay(rand2*2000).animate({right: ((4-i)*15+17)+'%'}, 2000 + rand * 3000 + (4-i)*200);
}
for (i = 0; i < btTrucks.length; i++) {
var rand = Math.random();
var rand2 = Math.random();
$(btTrucks[i]).delay(rand2*2000).animate({left: (i*15+3)+'%'}, 2000 + rand * 3000 + i*200);
}
}
###Responsive
And the most important, it is responsive and optimized for different screen, so you can use it on mobile. We recently just optimized the mobile screen, it might not be perfect, but it's working right now.