OKWINE Fortune Wheel System








Description
OKWINE is a large chain of wine markets across Ukraine experiencing rapid growth. One of my collaborations with them involved the development of a Fortune Wheel system. This project was designed to facilitate gift giveaways during the opening days of new stores within the network.
My task involved developing a complete system from scratch. The primary requirements included having a database, an admin control panel, a prize registry with the ability to export all to CSV, and a public lottery page dedicated to each store. There were no specific technology constraints, so I chose Apache, PHP, and MySQL for the backend, and HTML, SCSS, and JavaScript for the frontend. This allowed me to solidify my existing knowledge in creating comprehensive full-stack systems from the ground up, without relying on any frameworks.
I also thoroughly enjoyed the programming challenge of creating the fortune wheel itself, segmented into categories. Adapting to the dynamic number of segments, the text and images within each segment, which the store administrator fills in the admin panel, and various other details for the system's proper functioning, required careful consideration. Developing this project was intriguing and provided an opportunity to remember some mathematics and trigonometry.
The system underwent a "battle test" during the opening of two different stores in Chernivtsi and is now ready for continuous operation in new stores. I proudly declare that the project has been successfully completed.
Details
Technologies | PHP, MySQL, NodeJS, Gulp, Javascript, SASS, PostCSS, SVG, API |
---|---|
Features | Admin control panel with all CMS features inside, public lottery page dedicated to each store, CSV export and many more... |
Date | January 2024 |
Code snippets
JS Convert css vh to px
function vhToPx(vh) {
return (window.innerHeight * vh) / 100;
}