NH - Join Tasks 2022
Intro
This post briefly summarizes some of these projects which I worked on cooperating with other people while developing during the end of 2021, 2022, and the beginning of 2023.
My main responsibility is writing custom scripts in both front and backend for clients' custom needs/requirements which some popular website development platforms are not supporting, or sometimes fixing bugs or errors from these platforms when things get complex and these platforms cannot deal with. These platforms are including Shopify, Webflow, and WordPress.
Project List:
- N4.STUDIO ➔ Link
- Anytime Fitness ➔ Link
- Chia Sister ➔ Link
- Chaos & Harmony ➔ Link
- Shift72 ➔ Link
- Food Box ➔ Link
- Fine Lawn ➔ Link
- Auckland Orthotics ➔ Link
- Bridges ➔ Link
- Refresh Renovation ➔ Link
- Zones ➔ Link
- McConnel ➔ Link
- All Fast Solutions ➔ Link
1. Neon HIve
Website Link:
https://www.n4.studio
Work on "the dot - cursor pointer following" and interact with other elements. Also, working on career toggles and team member switches after opening the slide-in.
2. Anytime Fitness
Website Link:
https://www.anytimefitness.co.nz/
Working on rebuilding the home page only, use the page builder based on WordPress which they are using. Some custom scripts are required while making the hero video section.
3. Chia Sister
Website Link:
https://www.chiasisters.co.nz
Working on fixing the navigation menu toggle.
4. Chaos & Harmony
Working on page:
https://chaosandharmonyshoes.com/pages/bridal-styling
A step form built from scratch in Shopify using the liquid template language, content could be updated via "Shopify custom theme settings". The rules for picking target product by customer selection is from a table in google sheet, after fetching and filtering the table, use the product ID to get the product title, image, and link from Shopify API.
5. Shift72
Website Link:
https://www.shift72.com
Working on the vertical timing carousel slider, fixing its previous issue. Also working on the different device view toggle. Both are on the home page.
6. Food Box
Website Link:
https://www.foodbox.co.nz/
Again, all front end was built by others, my main responsibility in this project is to write some custom code to make it works/function. Things include:
- Fetch valid postcodes from the google sheet, including their relative region
- Check the valid postcode before adding items to the cart
- Make customize Box page works
- Make the slide-in cart/basket work as expected, select purchase type, select a delivery day, and allow substitute products, and so on... these also need to interact with the plugin that they are using
- Add a quick add-to-cart function to each block of products in some sections of this website, and modify the plugin's code for the filter part.
7. Fine Lawn
Working on Page:
https://www.finelawn.co.nz/order
A step form for customers to make an order, the final collected data will send to the third party by using their API.
8. Auckland Orthotics
Working on page:
https://www.aucklandorthotics.co.nz/pages/patient-consent
Built a step form for clients to book their meetings. The client data will be sent to their booking software service, connect via their API.
9. Bridges
Working on page:
https://bridges-nz.webflow.io/questionnaire
Build step form for clients to get what kind of people they need to meet, for end view was built by another developer, I just write some custom script code to make it works as expected.
10. Refresh Renovation
Website Links:
https://www.refreshrenovations.global/
https://www.refreshrenovations.com/
https://www.refreshrenovations.co.uk/
https://www.refreshrenovations.co.nz/
https://www.refreshrenovations.com.au/
Working on forms, when these forms were submitted, it sends data to four places. also built our custom API for this service. These forms have been rebuilt based on their previous form in the new platform -> "Webflow". The original forms' PHP code has been provided, I will translate the PHP code to javascript (both front and back end), in order to make it work.
11. Zones
Website Link:
https://www.zones.co.nz/
The work is similar to the above project just mentioned "Refresh Renovation". (Screenshots are also similar, just different branding, so ignore this one for unnecessary)
12. McConnel
Website Link:
https://www.mcconnel.co.nz/
Working on building a custom order process, instead of using Shopify's default payment process. Also, add inputs for creating an account page to send extra data to Shopify's backend/admin dashboard.
13. All Fast Solutions
Website Link:
https://www.allfast.co.nz/
Working Megamenu, use Shopify's liquid object and ajax API to fetch data, custom javascript is applied to toggle these items.