Labyrinth
Labyrinth is a puzzle game built from scratch using Vue.js, inspired by a puzzle game I have played for years in paper form, I embarked on creating a digital version to share with a wider audience.
Project Goals
My initial objective was to devise an algorithm capable of automatically generating intricate mazes. Subsequently, I focused on building an intuitive front-end interface that seamlessly translates the joy of solving puzzles into a digital experience, drawing inspiration from my favorite puzzle apps.
Challenges
Throughout the development process, I encountered various challenges. Firstly, designing an efficient maze-solving algorithm proved to be particularly demanding. Secondly, I grappled with structuring the puzzle grid to enable users to interact with walls from any side while ensuring coherence between the visual representation and the underlying solution.
Tech Stack
I used Vue.js as the primary technology for this project because of its simplicity, flexibility, and reactive components, which made it ideal for building the dynamic user interface required for the labyrinth puzzle game. Vue.js's component-based architecture also facilitated the management of the game's various interactive elements and state changes.
Conclusion
In conclusion, Labyrinth was a challenging yet rewarding project that allowed me to explore the intersection of puzzle design and web development. While I encountered obstacles such as devising a maze-solving algorithm and structuring the puzzle's grid system, I was able to leverage Vue.js to create an engaging and intuitive digital rendition of the classic paper puzzle. Moving forward, I am excited to continue refining the game mechanics and exploring additional features to enhance the user experience.
Other projects
CCData Projects
During my tenure at CCData, I've spearheaded various projects ranging from building tools for our internal dashboard with Vue.js to creating a bespoke site for our re-brand from scratch alongside our lead designer and contributing to revenue generation through custom advertisement banners.
Let's go
TeleWise
During a 9-week full-time coding bootcamp, I acquired the essential skills to transition into a full-stack developer role, mastering technologies such as Ruby on Rails and JavaScript ES6. Leveraging these newfound skills, I conceptualized and developed the original web application 'TeleWise'.
Let's go