Online Casino Web App Development ( frontend design)
Budget: $250 – $750 USD
This is an online casino web application developed using CakePHP 2, AngularJS 1.7.8, and vanilla JavaScript.
The main landing page should visually and functionally align with https://shuffle.com.
Core UI Components
1. Main Carousel Slider (Hero Section)
Positioned at the top of the landing page
Implemented as a responsive, multi-item carousel
Slide behavior by viewport width:
≥ 1200px: 3 items (banners/images) per slide
768px – 1199px: 2 items per slide
< 768px: 1 item per slide
The total number of carousel items is dynamic and provided at runtime
Must support responsive recalculation on window resize
2. Game Sliders
Multiple horizontal sliders displaying game tiles
Number of visible items must scale based on viewport size
Total number of items per slider is fixed at 12 or 20, depending on configuration
Sliders must support smooth scrolling, touch interaction, and responsive breakpoints
Data & Integration
All slider content is populated via AngularJS scope variables
No hardcoded data in templates
Components must support asynchronous data loading
Implementation Notes
Acceptable carousel implementations include:
Angular Slick Slider
Owl Carousel
A custom-built AngularJS-compatible solution
Implementation must be compatible with AngularJS 1.7.8 and CakePHP 2 rendering flow
Code should be modular, maintainable, and performance-optimized
Additional technical requirements and assets will be provided at project kickoff.
The main landing page should visually and functionally align with https://shuffle.com.
Core UI Components
1. Main Carousel Slider (Hero Section)
Positioned at the top of the landing page
Implemented as a responsive, multi-item carousel
Slide behavior by viewport width:
≥ 1200px: 3 items (banners/images) per slide
768px – 1199px: 2 items per slide
< 768px: 1 item per slide
The total number of carousel items is dynamic and provided at runtime
Must support responsive recalculation on window resize
2. Game Sliders
Multiple horizontal sliders displaying game tiles
Number of visible items must scale based on viewport size
Total number of items per slider is fixed at 12 or 20, depending on configuration
Sliders must support smooth scrolling, touch interaction, and responsive breakpoints
Data & Integration
All slider content is populated via AngularJS scope variables
No hardcoded data in templates
Components must support asynchronous data loading
Implementation Notes
Acceptable carousel implementations include:
Angular Slick Slider
Owl Carousel
A custom-built AngularJS-compatible solution
Implementation must be compatible with AngularJS 1.7.8 and CakePHP 2 rendering flow
Code should be modular, maintainable, and performance-optimized
Additional technical requirements and assets will be provided at project kickoff.