This project was building a custom WordPress theme to the customer's needs and design wishes. A complete WordPress theme was designed and created from scratch to the customer's specs. 

The whole site was made responsive to ensure a great experience from any device. 6 Main pages were built so that the user can modify the page using custom fields in WordPress CMS. A notable feature of this site is its Legislation page where Legislation RSS feed data is consumed and displayed.

40% of the Web is Wordpress Apps, but at least this one will have a nice Custom Responsive WordPress Theme to set it apart from the rest.

Custom WordPress Theme

React Weather Channel is a fully functional weather app. Users can search locations across the world and find weather information. 

The Weather App provides summaries for weather on the main Today page. Forecasts are further broken down as Hourly, Daily, and Weekend Forecasts. 

Users can find the radar for their location (Leaflet.js/Windy API) as well as the air quality and allergy count. Users can search multiple locations and it saves on the history bar navbar. Location data is stored in local storage.

Who needs Weather Channel when you have React Weather Channel. A Weather Channel inspired classic weather app.

React Weather Channel

A personal portfolio website built in Next.Js. with a custom CMS backend to manage posts and upload/delete images. This site is a mix of Incremental Static Regeneration (all of the public-facing) and Server Side Rendering (the private backend CMS). 
%newline%
Next-Auth was implemented on this site and there are also a mix of both public and private APIs for the projects and the artwork. Another notable feature is the contact form mailer using email.js. All data is persisted in a MongoDB cluster except images which are stored in Cloudinary.

This site looks familiar because you are on it. A personal portfolio website built in Next.Js with a custom light CMS. Full CRUD App supports image upload, has public APIs and More!

Personal Website

A headless Shopify App built with Next.Js and Shopify's GraphQL Storefront Api. This app supports two workflows - one for guest users and one for registered users. All users can browse by collection or by all products. As they browse, their history is stored for them to view later. Users can add and remove items to their cart. As they add items to their cart they will be brought to a upsell page that will show them recommended products. When users are ready to checkout, payment is handled on Shopify. All users have access to the blog roll and posts.

Register Users have access to their order history, a wishlist where they can store their favorite items and they can also save items in their cart to a "save for later" (similar to amazon's cart). Registered users can reset their password as well. Users data is a mix of a profile stored in the DB, along with their lists data. The rest of the data is requested from Shopify using a user token.

Guest users have their browsing history and their cart persisted in local storage. If Guests choose to become registered users, their data will save to the DB. 

If you would like to try the experience of a registered user:

login james @ jamesmcgahn . com password: 123456

A headless Shopify store front using the Shopify GraphQL API. Two workflows for Users & Guests. Supports Saved History, Wishlist, Order History and more!

Headless Next.js Shopify

A simple contact form landing page using Next.js, Tailwind CSS and Email.js's API to send emails. The form has recaptcha v2 protection and also using CSRF protection for the email API.

A Next.js & Tailwind CSS Contact Form Landing Page.  A quick and easy solution using email.js's API to fire off emails.

Contact Form Landing Page

The app allows for .x12 uploads to the server which will call and EDI translation service based on the EDI Fabric Model and API Service. 

The Read page will display the values of the 214 x12 document. If there are any x12 structure errors, the errors will display and will not let validate the contents of the file. The Validate page will validate the contents of the file-based EDI Fabric Open API model created.

Projects.

Validator214

Contact Form Landing Page

Headless Next.js Shopify

Personal Website

React Weather Channel

Custom WordPress Theme