The objective of this project was to give the online users a more friendly web experience of the magazine.
The Need.
The desire was to upgrade from the third party service issuu , to a more interactive magazine experience for subscribed members.
The Solution!
Using HTML, CSS, jQuery, PHP and MODx, I developed the ability for subscribers to view articles online, switch between issues, search articles based on the author, tags, categories and related or popular articles. Initially, only subscribers were permitted to view the content by signing in. With the desire to gain more subscribers came the idea of allowing all of the articles to become viewable without an account. To promote subscription, a login/subscribe box is now displayed after half of the article. I wrote the MODx snippet to calculate half of the content.
The objective of this project is to maintain the client's web application.
This project is very large and one of the main focuses of the client, is making sure that it is properly functioning is pivotal. I didn't build the web application but I currently maintain and apply edits to it. This project shows my ability to apply, maintain and edit existing code by using HTML, CSS, jQuery, PHP, MySQL and MODx.
As this project is login protected, I will explain what it's about and how it functions. The goal of All Pro Dad is to help families grow, with a focus on fathers. All Pro Dad's Day is one of the most vital programs of All Pro Dad where a parental figure (mostly fathers) sign up to gain access to montly curriculum and run a local Chapter. Within their online account, they have the ability to add a chapter logo, set a specialized greeting for non chapter members, add members, create event dates, email their members, download/print the curriculum and any other special materials as well as gain access to resources and prize packs offered by All Pro Dad to help their chapter.
The initial objective of this project was to give the client an updated and responsive website.
I completed the development of the website using HTML, CSS, Bootstrap, PHP and MODx. This project was completed above and beyond what the client had expected, leading to the problem.
The Problem.
Their online application was going to be built out by another service. However, this service was taking longer than expected and didn't have a stable product ready when the site was to be launched. This led to the necessity of building out a temporary application form for the sake of time. However, the client was so pleased that they wanted to expand upon and make it perrmanent.
The Solution!
Necessary tweaks were made to the current online application. The application was modified and the styles were made to fit the newly branded website. A great form was made with some major usability and validation enhancements as well as the option to view/print saved form data. Another feature added was a requirement for the applicant to select if they are an EAA Member or not, and if not, then the form will automatically opt them into an EAA membership, unless they click the Opt-Out clause. This was achieved using jQuery. I used MySQL to save the form data.
The objective of this project was to create an eCommerce website for wholesalers to easily order products.
The client wanted to be able to make their products available online to their wholesale customers. Mega Power Chemical would be creating and specifying the logins for their wholesalers and if a user was interested in creating an account, they would need to contact Mega Power. This project involved a lot of custom jQuery to complete the specific needs. With many products and categories, the goal was a quick and easy to use navigation. I modified a jQuery script to quickly expand and collapse their side menu of products view here . Using FoxyCart, some custom javascript was written within the checkout page of their shopping cart to determine the amount of shipping to use and if there is an additional charge for a residential delivery.
This website was built using HTML, CSS, jQuery, PHP, MODx and Bootstrap.
The objective of this project was to allow the purchase of the client's products online.
I initially built the website using HTML, CSS, PHP, jQuery, Bootstrap and MODx. The client then wanted to allow for their products to be sold online. The system that I used to build their eCommerce system was FoxyCart.
To create usability for customers, I setup two different ways to order products. One option was to allow the user to Add to Cart from the individual product page. The second option shows all of the products on one page with the option for a quick view of product details in a module. Once a product is added to the cart, a view cart label with the product count will show up in the sidebar of the website to keep the cart unobtrusive.
Some of the jQuery that I had done for this project was to update a hidden field based on which radio option the user selects so that data can be cleanly passed to FoxyCart with some custom shipping calculations. The custom calculation that was needed was based on the total number of cans being shipped, no matter the type. This required me to write a function that would calculate the number of single cans, loop through the number of cartons and multiply that number by 12 as there are 12 cans per carton. This would then give me the total number of cans where I could determine which shipping tier to charge.
The objective of this project was to give the client an updated and responsive website.
I developed this website using HTML, CSS, PHP and MODx. There were a couple of unique pieces to this project.
The objective of this project was to give the client a custom HTML Email that could be sent out using their MailChimp account.
I developed the HTML Email and then set up a template within MailChimp to allow the client to make edits for other campaigns. This project displays the ability I have to still code old fashioned tables as it is necessary for most non-web based email programs like Outlook, Apple Mail, and the like as they don't allow for more complex CSS styling.
The objective of this project was to update the design and convert the client's website into a Content Management System.
The Need.
With the growth of the client's company, they needed a website that would reflect and accommodate their expansion. They also wanted the ability to add a Director to each state as they continue to increase their numbers.
The Solution!
I used HTML, CSS, PHP and MODx to develop the core of their website. Once the core was finished, I found a customizable HTML map of the United States for customers to view events for each state view map . Using MODx and MySQL, I queried the database to find all events for the state that was selected and output the events for that state as well as information for the state Director. Users select the pagent of their choice, fill out a form that passes the information onto a page that redirects them to PayPal. The important feature for Directors is that their information passes through the email account they have in PayPal, and the Director will receive monetary credit for the registration.
There's also an entry form that customers can select to have an entry sent to them via mail or email. The state Director then receives a notification that a customer has requested a form from their state. This becomes easy for the Director to follow up with the customer.
The objective of this project was to take the website design and develop it in a new Content Management System with an updated eCommerce platform.
The Problem.
The client had a newly designed website but no developer to code it. The client was using WordPress at that time, but did not find it to be very user friendly when updating their content.
The Solution!
I used HTML, CSS, jQuery, PHP and MODx to develop the new website. I utilized a MODx shopping cart plugin called minishop, which is where most of the eCommerce is managed. I then created a custom function using jQuery to calculate the sales tax rate based upon the recipient's zip code for the state of Florida only. I setup an array of each county with their corresponding zipcodes and used a switch statement to calculate the sales tax percentage based on the recipient's zip code. I then passed all of this data on to PayPal for payment processing.
The objective of this project was to give the client a modern, streamlined website.
I developed this website using HTML, CSS, PHP and MODx. The uniqueness to this project was placing all of the content on one page while making it feel bigger. I accomplished this using jQuery to detect when a user has gone past the height of the header area to make the navigation sticky as they scroll or jump down to each section.
The objective of this project was to give the client a custom HTML Email that could be sent out using their own service.
I developed the HTML Email. This task displays the ability I have to still code old fashioned tables as it is necessary for most non-web based email programs like Outlook, Apple Mail, and the like as they don't allow for more complex CSS styling.
I also developed their blog section using HTML, CSS, PHP, Bootstrap, and MODx view blog .