This project was for a company and took me roughly 5–6 hours in total. I really enjoyed building the landing page in WordPress from scratch, setting up Webpack, and implementing all the features.
Next stages of the development is the interactive game, going to be built using React, Next and HTML, SCSS using a declarative approach. (Attached a screenshot)
CasinoHotels
A WordPress project using modern frontend tooling and lazy-loading optimizations.
Overview
This project is built on the latest version of WordPress and uses Webpack 5 for asset bundling. It includes lazy loading for optimized performance and integrates Advanced Custom Fields (ACF) Free version, with fields coded directly into the theme’s functions.php.
Features
Webpack 5: Handles JavaScript and SCSS compilation.
Lazy Loading: Improves page load performance by loading assets as needed.
ACF Integration: Uses the free version of Advanced Custom Fields, directly coded into the theme.
Modern Frontend Stack: SCSS compilation and modular JavaScript management.
Scripts
npm run dev: Starts Webpack in development mode with watch enabled.
npm run build: Builds the production-ready assets using Webpack.
Dependencies
webpack ^5.102.1
webpack-cli ^6.0.1
sass ^1.93.2
sass-loader ^16.0.5
css-loader ^7.1.2
mini-css-extract-plugin ^2.9.4
Installation
Clone the repository.
Run npm install to install all dependencies.
Use npm run dev for development or npm run build for production.