Rental Chasers Theme Modifications
October 2019 - December 2019
Goals
- Use JS to make charts that are visually interesting
- Modify existing functionality to work with the House Canary API
Project Overview
John needed modifications to a project that was a work in progress. My job was to finish up the remaining site features so the site can launch. Changes included design updates, house pricing charts, and integrations with the house canary API to get relevant rental information.
Rental Chasers Gallery
Each listing got most of its information from the house canary API, thus dynamic per post.
All results that came from the API were filterable. Data is updated in real time, though some features like this are locked for non-pro users.
Chart.js was a good choice for this project. The charts turned out great!
Process
The process was to work on features as they came in. I had a general list of things to work on and details came as I asked questions and the project progressed. Most of the work revolved around integrating the API and updating information site-wide to reflect this. Lots of testing was required since lots of parts needed to be updated. I used Chart JS to integrate the data and display it.
John Henzy
Brandon communicates very well, follows directions, and saved our project at the 11th hour. He is very approachable and didn't get frustrated when we had to make some quick changes. Highly recommend his services and is one of the best I've worked with.
Technologies Used
The stack was straightforward, just plain JS, WordPress, and CSS.
Want to check out some code demos?
Check out code samples written in JavaScript, React, Node, and more
Demo 1
Converting jQuery Blog Post Component To Vanilla JS
I have a simple blog component that is written in jQuery. I would like to convert it to plain JavaScript as part of my effort to completely remove jQuery from my portfolio website. Here’s what the code does in order. init() on .header-info click, call the toggle method. Get the initial textbox height and store […]
Demo 2
Converting jQuery Navbar Code to Vanilla JavaScript
I am on a journey to completely replace jQuery on my portfolio site. The first step is updating the 10 or so JavaScript files that still rely on it. Why not start with one of the easier ones, the navbar? As you can see, the code is pretty straightforward. On init, add event listeners to […]
Demo 3
Defining Reusable Column Extends with SCSS
Quick Note: The atSmall type mixins are just basic media queries. Since these kinds of layouts are common, they also need to be overwritable if I want to change the spacing. Generally, the ‘default’ spacing is defined in the extend/mixins. Example Use Cases To get the layout working, you only need a container class and […]