Portfolio – Jenny-Portfolio https://jenny-gibbons.com A portfolio site for development work by Jenny Gibbons Wed, 30 Apr 2025 16:28:23 +0000 en-US hourly 1 https://wordpress.org/?v=6.8.1 Freely Pet Site https://jenny-gibbons.com/freely-pet-site/ https://jenny-gibbons.com/freely-pet-site/#respond Wed, 30 Apr 2025 16:26:57 +0000 https://jenny-gibbons.com/?p=80 While employed at HLK, I worked on an agile team to build the Freely site from the ground up. We created it for Shopify with a combination of JavaScript and Liquid within a VueX framework. I scripted Liquid site pages based on Figma designs from the creative team. I also supported another developer who built the dynamic quiz in JavaScript to help users pick the best pet food for their needs.

]]>
https://jenny-gibbons.com/freely-pet-site/feed/ 0
Woodsy Studio https://jenny-gibbons.com/woodsy-studio/ https://jenny-gibbons.com/woodsy-studio/#respond Mon, 28 Apr 2025 19:32:25 +0000 https://jenny-gibbons.com/?p=76 My Woodsy Studio website exemplifies more of my WordPress work (in this case, I built off an existing theme), but most importantly, it showcases the video games I have created and published through Woodsy Studio, LLC.

Games I created using Unreal Engine (Blueprints):

Titles I coded with Ren’Py (Python):

Games made with GameMaker Studio (GML):

]]>
https://jenny-gibbons.com/woodsy-studio/feed/ 0
Jayden Woods Site https://jenny-gibbons.com/jayden-woods-site/ https://jenny-gibbons.com/jayden-woods-site/#respond Mon, 28 Apr 2025 17:32:31 +0000 https://jenny-gibbons.com/?p=72 Many years ago (circa 2010), I made my very first website by customizing a basic code template of HTML, CSS, JavaScript, and PHP. This was how I first learned how to code for the web! PHP provides the code foundation for the site, and I incorporated JavaScript and jQuery additions to create lovely slideshows and image-hover effects.

]]>
https://jenny-gibbons.com/jayden-woods-site/feed/ 0
DEKALB Climate Trials https://jenny-gibbons.com/dekalb-climate-trials/ https://jenny-gibbons.com/dekalb-climate-trials/#respond Fri, 18 Apr 2025 17:23:43 +0000 https://jenny-gibbons.com/?p=43 While working at HLK, I was selected to code the frontend interface for the DEKALB Climate Trials app. I used Figma to translate designs from the creative team into code. Vue provided the foundation for the frontend, which I built and styled with JavaScript and SCSS. Another developer focused on the backend authorization and data, which I connected to the frontend using Flask webhooks.

]]>
https://jenny-gibbons.com/dekalb-climate-trials/feed/ 0
Dynamic Quiz App https://jenny-gibbons.com/jennys-recs-quiz/ https://jenny-gibbons.com/jennys-recs-quiz/#respond Mon, 14 Apr 2025 19:50:26 +0000 https://jenny-gibbons.com/?p=21 I love good movies and TV, and I also enjoy recommending those to people based on their own tastes. So I created a dynamic web quiz app to help me do it.

React.JS provided the foundation for me to build the app from the ground up. For the UI, I used a combination of my own designs and CSS with Material UI components. I kept the quiz interface simple, but decorated the wide background with a beautiful image slideshow. I used Node.JS and RapidAPI integration to read information from the IMDB Database. I used GitLab for version control and incorporated its CI/CD pipeline to automatically publish local changes on the master branch to the public version.

The most challenging aspect of this site, however, was the logic of the quiz itself. I wanted the recommendation results to be limited by my own personal list of favorites, so I made JSON objects for each movie and TV show with data for its traits and strengths. I then pulled this data into the React frontend and generated the quiz questions based on the items remaining in the candidate list. As the user answers each question, the next question is generated based on the differences between the remaining candidates. When there are no more differences to resolve, the user receives their entertainment recommendation.

]]>
https://jenny-gibbons.com/jennys-recs-quiz/feed/ 0
This Portfolio Site https://jenny-gibbons.com/my-portfolio-site/ https://jenny-gibbons.com/my-portfolio-site/#respond Mon, 14 Apr 2025 16:45:57 +0000 https://jenny-gibbons.com/?p=13 I created the site you’re viewing now by building my own custom theme in WordPress. I used Local by Flywheel to initiate a local WordPress development environment on my computer. Next, Gulp and Webpack tools enabled me to incorporate Bootstrap SCSS and JS into my project. From there, I wrote my own PHP, JavaScript, HTML, and SCSS to style and shape the new theme to my needs. I incorporated the WordPress CMS into my theme so that new posts and pages could be added via the CMS interface.

PHP code of project within VS Code interface

]]>
https://jenny-gibbons.com/my-portfolio-site/feed/ 0