My Blog

South Florida Youth Symphony Redesign

Description

South Florida Youth Symphony (SFYS) is a Miami area youth orchestra and musical training organization. The site needed to be rebuilt with following features:

  • Show important SFYS information such as news and organizational information on the front page
  • Add concert and event ticket registration
  • Add class zoom session registration and payments
  • Add one-time, monthly and yearly donations
  • Improve site SEO
  • Integrate site with social media

URL: https://sfysmusic.org/

Find out More

Time

A two week to four weeks

Screenshots

South Florida Youth Symphony - Homepage

South Florida Youth Symphony - Homepage

read more

SeaWater Pro LLC Website Customization

Description

Seawater Pro LLC is site where marine desalination units can be purchased for boats. The main goal of this project was to recreate a website where customers, distributors, and resellers could either purchase a custom watermaker unit or a purchase premade watermaker unit. The store also sells spare parts for watermakers and has lots information about watermaker options that are available.

 

Tasks completed so far includes:

  • Migration to WordPress and Woocommerce
  • Created a Spare Parts Page
  • Created a 1 click buy watermaker page
  • SEO and Speed Optimization
  • Created a Customized Product Page
  • Keeping track of site issues.
  • Using the Elementor page builder allowing for the site owner to make quick edits of content
  • Integration of third-party payment processors Stripe, Square, and Paypal
  • Google Analytics, Google Search Console, and Google Adwords Integration
  • Customization of the Formidable Form plugin for website notifications
  • Creation of a privacy policy, faq, fulfillment policy pages to satisfy payment processors and answer the questions of potential customers.
  • Cart and Checkout Page customization
  • Adding Accessibility and Responsive Guidelines
  • Creating Listings on Ebay
  • Customer Support

Tools and Technology:
WordPress
PHP
HTML
CSS
jQuery
JavaScript
Woocommerce
WordPress Plugin Customization
WordPress Theme Customization
Graphic Design
Photoshop
Logo Creation
SEO
SEM
Google Analytics
Google Search Console
Google Adwords
Technical and Website Support

Find out More

Time

Ongoing

Screenshots

Front page

1 click buy watermakers

seawater pro customized watermaker

Customized Watermaker

Help Choosing a Watermaker

Help Choosing a Watermaker

Spare parts - SeaWater Pro

Spare parts

read more

Language Snaps Website Customization

Description

Language Snaps is an English learning website. The site offers free and paid learning options for users. The main goal is to help the site owners complete and launch the site.

 

Tasks completed so far includes:

  • Making the site and menus responsive for both free and premium users.
  • Adding a feature to track unread lessons in the browser.
  • Customizing the look of audio player.
  • Working with the site partners to fix and optimize code.
  • Keeping track of site issues.
  • Helping to develop custom features for premium lessons.
  • Help with Marketing and SEO
  • Planning and Goal Tracking

Tools and Technology:
WordPress
PHP
HTML
CSS
jQuery
JavaScript
Woocommerce
WordPress Plugin Customization
WordPress Theme Customization
Google Analytics
Google Search Console

Visitors of Language Snaps can currently read English lessons and other resources.

Find out More

Time

1 to 2 months

Screenshots

Mobile Site

Mobile Site

Mobile Footer

Mobile Footer

Customized Audio and Captions

Audo Player

Unread Lessons Tracker

Unread Lessons Tracker

Unread Related Lessons Tracker

Unread Related Lessons Tracker

metabox wpeditor languagesnaps

Custom wordpress editor in the backend to allow creation of content in single page sidebars

unread tracker

Unread tracker for lessons and resources

read more

Rough Hands Barbershop Supply Demo

Description

The site is a demo barbershop and supply website that was created using JPEG, Sketch, and PSD files. To showcase the usage of a starter theme and elementor.

Technology and Tools Used:

WordPress

HTML

CSS

PHP

Responsive Design

E-commerce

Photoshop for PSD files

Adobe XD to read Sketch files

Ocean WP Starter Theme with Elementor

Find out More

Time

A 1 day to a week

Screenshots

Rough Hands Screenshoot
Rough Hands Mobile Site
read more

Trillo App

Description

A responsive flexbox app.

Tools: VSCode, SASS, Git, Node, NPM

Challenges completed

  • Show search results in input field
  • Show user notifications when hovered over notification in the header.
  • Show user menu when hovered over user name.
  • Show caption for gallery images with a transition effect.
  • Fix responsiveness of page for devices less than 500px or <31.25em

Assets: https://github.com/webtestingrun15/Trillo

Find out More

Time

A week to 3 months

Screenshots

trillo-screenshot
read more

University Website

Description

An example university WordPress website.

WordPress custom code used:
HTML to WordPress conversion
Advanced Custom Fields
WP REST API
jQuery
PostCSS
CRUD
Custom Post Types
Membership Roles
Custom Queries
Custom Plugins
Custom Image Sizes
Custom Search Variables

The site has roles for different users such as an Event Manager and a Campus Manager.

The site features open registration to allows users to store their own private notes.

Their are pages for professors, campus locations, events and blog posts.

A search overlay when the s key is pressed.

Search results shown for professors, campus locations, events and blog posts.

All logged in users can like and unlike a professor.

The front page has a slider that enables the admin user to add/change/remove a title, a subtitle and a slider image.

The course URL is https://www.udemy.com/become-a-wordpress-developer-php-javascript/

Assets are on a private Git repository and deployed with a code deployment service.

Find out More

Time

1 month to 3 months

Screenshots

Front Page

Notes

Downtown West Campus Campus Screenshot

Downtown West Campus

search results for math

Search Overlay

professor page

Professor Page

custom slider

Custom Slider

customplugin and customvariable

Custom Plugin and Search Variable

read more

JavaScript State Capital Quiz Github Demonstration

Description

Created a JavaScript quiz.

The quiz has questions and radio button choices thatshows your name when you login.

The quiz displays the number of correct answers when complete.

This was my first JavaScript Application. The quiz questions are stored in a JSON data filed and retrieved using AJAX. The quiz uses local storage to remember login and signup credentials

assets: https://github.com/webtestingrun15/JavaScript-Quiz

Find out More

Screenshots

state-capital2
state-captal3
state captital quiz
state-captal4
read more