Restructured content, remove wp-content folder
Mike Conrad
|
After Width: | Height: | Size: 8.5 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 43 KiB |
BIN
content/post/2023-07-12-hoots-wings/images/hoots-home.webp
Normal file
|
After Width: | Height: | Size: 48 KiB |
|
After Width: | Height: | Size: 294 KiB |
|
After Width: | Height: | Size: 20 KiB |
|
After Width: | Height: | Size: 638 KiB |
|
After Width: | Height: | Size: 36 KiB |
|
After Width: | Height: | Size: 176 KiB |
|
After Width: | Height: | Size: 294 KiB |
|
After Width: | Height: | Size: 1.6 MiB |
|
After Width: | Height: | Size: 25 KiB |
|
After Width: | Height: | Size: 52 KiB |
|
After Width: | Height: | Size: 436 KiB |
|
After Width: | Height: | Size: 629 KiB |
|
After Width: | Height: | Size: 931 KiB |
|
After Width: | Height: | Size: 2.4 MiB |
|
After Width: | Height: | Size: 996 KiB |
|
After Width: | Height: | Size: 34 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 90 KiB |
|
After Width: | Height: | Size: 174 KiB |
|
After Width: | Height: | Size: 234 KiB |
|
After Width: | Height: | Size: 284 KiB |
|
After Width: | Height: | Size: 1.1 MiB |
|
After Width: | Height: | Size: 443 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 47 KiB |
|
After Width: | Height: | Size: 136 KiB |
|
After Width: | Height: | Size: 226 KiB |
|
After Width: | Height: | Size: 253 KiB |
|
After Width: | Height: | Size: 1.0 MiB |
33
content/post/2023-07-12-hoots-wings/index.md
Normal file
@ -0,0 +1,33 @@
|
||||
---
|
||||
author: Mike Conrad
|
||||
categories:
|
||||
- Software Engineering
|
||||
date: "2023-07-12T11:32:44Z"
|
||||
image: /images/hoots-locations-min.webp
|
||||
tags:
|
||||
- Portfolio
|
||||
title: Hoots Wings
|
||||
|
||||
---
|
||||
|
||||
While working for [Morrison](https://morrison.agency/) I had the pleasure of building a website for [Hoots Wings.](https://hootswings.com) The CMS was [Perch](https://grabaperch.com/) and it was mostly HTML, CSS, PHP and JavaScript on the frontend, however I built out a customer store locator using NodeJS and VueJS.
|
||||
|
||||
I was the sole frontend developer responsible for taking the designs from SketchUp and translating them to the site you see now. Most of the blocks and templates are built using a mix of PHP and HTML/SCSS. There was also some JavaScript for things like getting the users location and rendering popups/modals.
|
||||
|
||||
The store locator was a separate piece that was built in Vue2.0 with a NodeJS backend. For the backend I used [KeystoneJS](https://keystonejs.com/) to hold all of the store information. There was also some custom development that was done in order to sync the stores added via the CMS with [Yext](https://www.yext.com/) and vice versa.
|
||||
|
||||
For that piece I ended up having to write a custom integration in Perch that would connect to the NodeJS backend and pull the stores but also make sure that those were in sync with Yext. This required diving into the Yext API some and examining a similar integration that we had for another client site.
|
||||
|
||||
Unfortunately I don’t have any screen grabs of the admin side of things since that is proprietary but the system I built allowed a site admin to go in and add/edit store locations that would show up on the site and also show up in Yext with the appropriate information.
|
||||
|
||||
#### Screenshots
|
||||
|
||||
Here are some full screenshots of the site.
|
||||
|
||||
Homepage
|
||||
|
||||
Menu Page
|
||||
|
||||
Locations Page
|
||||
|
||||
|
||||