My Blog

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

A 1 day to a week

Code Structure and Architecture

• Atomic Design
• BEM
• 7-1 Pattern

Challenges Completed

• Made IE11 and Edge Compatible
• Added CSS Responsive Images
• Added Art direction
• Made Book Now popup responsive

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

a week to 3 months

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

A week to 3 months

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.

1 month to 3 months

An example travel website.

This site was created from a PSD and converted to HTML.

Tools:
webpack
Gulp
Browser Sync
jQuery
Es6
Babel
BEM
PostCSS
Git

Assets: https://github.com/webtestingrun15/travel-site

A week to 3 months

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