magic.falseblue.comEvolution of the Magic Card Generator | FalseBlue - The personal site of Ben Craton

Ben Craton About Me Projects Certifications Contact Bio Blog Evolution of the Magic Card Generator | Jun 1, 2017 min read Note If you’re wonder where the site is: see this post . Introduction The Magic Card Generator began as a simple hobby project, born out of my love for Magic: The Gathering and programming. What started as a basic PHP form and image creator has morphed over the years into a sophisticated tool utilizing the latest in web technologies and artificial intelligence. This journey wasn’t just about building something fun; it was a path to self-improvement, learning, and applying new skills. The Beginnings: Version 1 My initial version was straightforward - a basic PHP script that allowed users to input data which was then used to generate custom Magic cards. This version taught me the basics of web development and sparked my interest in how technology could be used to enhance gaming experiences. Learning Curve: Version 2 As I revisited this project, I saw an opportunity not just to redesign it but to transform it into a learning platform for myself. With Version 2, I delved into: Python3 & Django : For backend development, offering robustness and scalability. Neural Networks & Image Recognition : To add intelligent features such as automated image analysis for card artwork. DevOps Tools : Including Bitbucket for version control, Jenkins for continuous integration (CI), Docker for containerization, and Rancher for container orchestration. This version was about embracing full-stack development and understanding how modern CI/CD pipelines could drastically improve deployment speed and quality. Migrating 250k existing images with their data to an entirely new format taught me the importance of data integrity and careful planning during significant migrations. Modernization: Version 3 With the foundation laid in previous versions, Version 3 was about leveraging cutting-edge technologies and methodologies that I had been exposed to professionally. This included: Vue.js : Adopted for its reactivity principles making the UI more dynamic and engaging. Node.js & MongoDB : Chosen for their scalability in handling API requests and managing large datasets respectively. Redis : Utilized for caching to enhance performance. AI Integration : To automate content moderation by checking uploaded artwork against SFW guidelines. Docker & Kubernetes : For containerization and orchestration, ensuring smooth deployment processes across different environments. Azure DevOps Pipelines : For automating builds, testing, and deployments within Azure’s cloud ecosystem. This iteration wasn’t just about technology; it was about creating a seamless user experience while managing complex infrastructures behind the scenes. Conclusion The evolution of the Magic Card Generator is a testament to how personal projects can serve as powerful platforms for professional growth. From humble beginnings with PHP to leveraging AI, cloud services, and modern JavaScript frameworks, this journey reflects my commitment to continuous learning and adaptation. Each version brought its own set of challenges but also opportunities to dive deep into different aspects of software development - from coding best practices to understanding user needs, from backend logic to frontend aesthetics, from solo coding exercises to adopting team collaboration tools used in industry-leading projects. This project not only showcases my growth as a developer but also highlights my capability to leverage new technologies effectively. It stands as proof of my ability to evolve with the tech landscape - an essential skill in today’s fast-paced digital world. Table Of Contents Introduction The Beginnings: Version 1 Learning Curve: Version 2 Modernization: Version 3 Conclusion Tags web php python django vue node mongodb ai docker kubernetes azure devops neural-networks image-recognition continuous-integration continuous-deployment javascript full-stack cloud artificial-intelligence magic-the-gathering Social Recent Posts Quit Reading QR Codes … A while back I was in Seattle visiting my brother. My wife and I did the normal touristy things around downtown: go up the Needle, look at the museums, gawk at The Mountain, etc. Though while riding the monorail for the second time, back through the dense urban forest, I noticed a poster for some … Apr 4, 2024 Read Self Hosting Update, or … Introduction I started my tech journey back in the 90s’ writing HTML by hand. Ever since I started doing tech work for money in 2006, I’ve been trying to keep abreast of the systems and machines I’ve helped maintain and manage by doing it myself in a home lab. I credit where I am … Mar 9, 2024 Read Why We Check What comes to mind when you hear that a security audit is underway? Nervousness? Trepidation? It would be surprising if you found the news exhilarating, but must we associate a security audit purely with negativity? We are all human and the fear of being found out” is one that haunts us … Feb 22, 2024 Read Font Awesome © 2024 Ben Craton All rights reserved. The views and opinions expressed in this site are my own and do not necessarily reflect the official policy or position of any other agency, organization, employer, or company. Nothing on this site should be taken as legal or professional advice without consulting with a professional. Made with ❤ and Hugo...