Some of my projects...
Willship International
See the site HERE
My role: Developer
Site type: Large front-end site
This website was made for an international freight shipping company based in Brisbane with NextJS. The site is built using reusable components rather than hard-coded content where possible.
React Context is used to manage the 6 different types of quotes that the company requires, and the form data is submitted via API to the back end before re-directing on submission success.
Pages for the blogs are created dynamically based on the data retrieved.
Skills used:
Next JS
Typescript
Tailwind
API Access
Image Editing
SVG Creation
GTM
Vercel
Bitbucket
Copier Choice
See the site HERE
My role: Developer
Site type: Landing page with quote forms
This landing page was created as a target for an ad campaign to make it easier for potential clients to request a quote.
Developed from a Figma Design, the initial page contains a dynamic, multi-slide form and several different carousels.
After completing the initial form the user is directed to a second page where the data they entered in the form is analysed to show appropriate options based on their answers which they can select to receive a quote.
The data entered is stored through the various parts of the form and page changes in React Context before being collated and submitted via an API.
Skills used:
Next JS
Typescript
Tailwind
API Access
Image Editing
Vercel
Bitbucket
Cartledge Pest Control & Cleaning
See the site HERE
My role: Developer
Site type: Lead generation site
This site is a 6 page Lead Generation site built for a Brisbane based carpet cleaning and pest control business. This site was built with NextJS, and form submissions were done using EmailJS.
Skills used:
Next JS
Typescript
Tailwind
API Access
GTM
Bitbucket
Vercel
Server Management
Colorblast
See the site HERE
My role: Developer
Site type: 2 landing pages
These two landing pages (commercial.colorblast & epoxy.colorblast were created as a target for an ads campaign.
The pages were created using NextJS and feature image carousels and a contact form submitted using EmailJS.
Skills used:
Next JS
Typescript
Tailwind
Bitbucket
Vercel
Image Editing
CMS for Next
See the site HERE
My role: Developer
Site type: CMS
While only in the alpha stages, I am developing this headless CMS as a way people building front end sites without a database attached to be able to add dynamic data without having to go through the process of editing the code base.
The user will create an account for their front end site, and can then add pages with content which they want to show. The content is accessed by their site during the build process, and then the developer of the site will parse and render the data based on the type and style inputs of each entry to display the content however they choose.
Some examples of this in action are the Home and About pages of this site, where the data is entered into the CMS as a heading, sub-heading, paragraph, or list, and then rendered on the screen with the appropriate styling.
Skills used:
Typescript
Node JS
Express JS
MySQL
API Access
Next JS
Tailwind
Vercel
Bitbucket
Server Management