My Blog

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