chillbrobagg1ns Gaming Portal

(https://chillbro.r–j.ca)

Created as a hub for the chillbrobagg1ns Twitch and YouTube Channels. The chillbrobagg1ns gaming portal is a place for new viewers and fans to interact with and find new content.

The site is also utilized to update fans and highlight content. It is currently undergoing a process of growth and transformation to engage viewers in new and exciting ways.

Visit the chillbrobagg1ns Gaming Portal:

https://chillbro.r–j.ca

Posted in Web

Blockstrapper | WordPress Plugin

(https://blockstrapper.r–j.ca/)

Blockstrapper is a plugin for WordPress I have begun development on.

Noticing a need for the ability to add Bootstrap styles to the Gutenberg editor I started coding this solution for all WordPress users.

The website created for Blockstrapper is what would be considered a WordPress Rapid Deployment.

blockstrapper.r–j.ca uses the new Twenty Nineteen theme, and Blockstrapper appears to have limited functionality with it.

Blockstrapper will be implemented across this entire website (r–j.ca) once a stable release has become available. View the Blockstrapper git.

Visit the Blockstrapper Website

https://blockstrapper.r–j.ca

Posted in Web

Carpets For Less Winnipeg

Carpets For Less Winnipeg Products page on tablet in landscape mode.
Carpets For Less Winnipeg Products page on tablet in landscape mode.

(www.carpetsforlesswinnipeg.ca)

I worked with Carpets For Less to update, and recreate their online presence, using a custom WordPress deployment. The Carpets For Less website is now up to date with modern web standards and has added tremendous functionality, value, and online exposure to the business.

While working with Carpets For Less I created a brand new website (built with WordPress.) Customers can visit the site to get information on the business and it’s products/services, contact the business, locate the store (using a map built into the website, a link that launches Google Maps on their device, or by taking down the address found on the Locate page.), and make purchases online using Carpets For Less’ Shopify storefront on the Shop page.

The main focus of the online presence is to encourage visitors of carpetsforlesswinnipeg.ca to contact the store by phone or visit the store in person.

Information about the business: it’s physical location, high-resolution images of the store, and other images related to the industry can be found on the website.

Images of carpetsforlesswinnipeg.ca

Services Provided to Carpets For Less

  • Free consultation meeting
  • Digital image mock-up’s of the website
  • Setup of web hosting services
  • Creation of email accounts and setup of email services
  • Installation and setup of a content management system
  • Creation of custom WordPress theme
  • Writing copy and SEO content
  • Photography
  • Digital image editing and creation
  • Custom scripting solutions
  • SEO consultation
  • Online presence consultation
  • Ad campaign consultation
  • Ongoing website service, security check-ups, and support

Specific Features of Carpets For Less

carpetsforlesswinnipeg.ca has in-store specials for visitors to view and share on social media.

The site includes a fully featured e-commerce solution, the Shop page (powered by Shopify,) for visitors and customers to make purchases online.

Visitors can contact the company or it’s staff through the website (directly via each staff members email or by a contact form which is sent to a general inbox.)

SEO is greatly improved for Carpets For Less as well as their Google search ranking. I connected the company with Google My Business tools to increase their presence and authority with Google search.

I am still engaged in creating and iterating Facebook Ad Campaigns for Carpets For Less and continually work to grow their presence on the social media platform.

Posted in Web

codename ArcticG | Skills Manitoba 2018 Competition Practice

codename Arctic G media page displayed on tablet in landscape mode.
codename Arctic G media page displayed on tablet in landscape mode.

(https://arcticg.r–j.ca)

The website for codename ArcticG was created in 7 hours, using no references or external resources, during a single day, as practice for Skills Manitoba (2018) Web Design and Development Competition.

The site was designed following web standards and best practices. Built using HTML5, CSS, JS and PHP.

After the competition I was awarded the gold medal for Web Design and Development (Post-Secondary) in the competition with the entry pictured below:

My Gold Medal winning design from the 2018 Skills Manitoba Competition.
My Gold Medal winning design from the 2018 Skills Manitoba Competition.

Features of codename ArcticG

  • Newsletter sign-up
  • Media gallery
  • Blog
  • Contact page with Newsletter sign-up option

Images of codename ArcticG

Take a peek at cARG:

https://arcticg.r–j.ca

Posted in Web

LRATC Alumni

LRATC Alumni Homepage page on tablet in portrait mode.
LRATC Alumni Homepage page on tablet in portrait mode.

(https://www.lratcalumni.ca)

The Alumni website for LRATC was created by a team of three, myself and two others, as our final project for the New Media Design program at LRATC.

LRATC wanted a way to connect with their alumni; invite former students back to speak, advise on initiatives at the school, volunteer, update on job opportunities in the alum’s field of study, and offer a newsletter.

I was in charge of the project’s technical, coding, and time management aspects. I also contributed heavily to the design used in the final product, and created a template with instructions to make the featured images for the alumni success stories area of the website.

One of my main duties was creating and testing the form on the Connect page, as well as it’s database. I also created a custom back-end to display and allow interactions with the data.

Specific Features of LRATC Alumni

  • Dynamic Call to Action (Let’s Make 500 Connections goal counter)
  • Custom Success Stories image template with guide
  • Extensive form for collecting relevant information
  • Custom back-end for interacting with records
  • HTML enabled email for Newsletters

Posted in Web

streamBro | Streamer Tool Prototype

streamBro counter control mobile page.
streamBro’s counter display app controller displayed on smartphone.

(https://streambro.r–j.ca)

(https://github.com/pleatus/streambro-prototype)

streamBro is a project codename for dynamic remote controlled web-based overlays.

I was inspired to create the streamBro after streaming myself playing games on Twitch. There were some simple tools I would have liked to use which other overlay platforms (like Streamlabs) did not offer.

Realizing the need for basic overlay tools, and an asynchronous multi-platform system to remotely control them, I began developing the streamBro.

This application also features integration using the Twitch API. On first run the user will have the option of authorizing streamBro to access their Twitch account.

Watch a Demonstration of The Counter
Watch a Live Demonstration of the Goal Tracker

Tools Currently Featured and Still Under Development

The Counter

A simple counting display. One click or tap of the green button will add one to the count. The label and style of the counter display are customizable.

Goal Tracker

Based off The Counter; another simple counting display. A click or tap of the green button will add one to the count. The label and target goal are both customizable. Functionality to change the plug-ins display as well as a graphical representation of the goal will be added in a future build.

Roll

A random selection application with support for up to 16 custom options. Once the custom options have been set click or tap the yellow button to begin the roll. Click or tap the green button to choose a winner at random, the roll will animate and then end on the winning selection. The red button will stop (abort) a roll or reset the application to roll again. Functionality to change the plug-ins display will be added in a future build.

Stream Meta

If the application user has linked their Twitch account to the streamBro installation they will be able to use this tool to view or change their stream title and the title of the game they are playing on Twitch at any time. The tool first stores the information in a database on the server, once stored the user can send the information from the database to Twitch for updating. This tool does not have a display element.

Notifier

If the application user has linked their Twitch account to the streamBro installation they will be able to use this tool to display new followers and subscribers in an HTML overlay. The display of the message is customizable. Future updates to this tool will allow different styles for a new follow or a new subscription, and the ability to edit or remove the messages before and after the name of the new follower/subscriber.

Images of streamBro Prototype

Take a look around an early build of streamBro and give it a whirl:

https://streambro.r–j.ca

Posted in Web

zucknet | AJAX and PHP study project

Zucknet user profile page displayed on tablet in landscape mode.
Zucknet user profile page displayed on tablet in landscape mode.

(https://zucknet.r–j.ca)

(https://github.com/pleatus/zucknet)

Zucknet is my study project in creating a social network content management system using AJAX/JavaScript, and PHP.

The majority of the elements and computations are done using JavaScript, utilizing AJAX to update elements by calling a PHP script, which interfaces with a MySQL database without reloading the page.

Users can create an account; which will create a profile for the user to edit. Each profile includes an image, tagline, name, location, and all of the user’s posts.  Users with an account can make new posts, find friends to add (other Zucknet users), and like(cool)/dislike(lame)/comment on posts of friends or their own.

Features of Zucknet

  • Completely new and unique CMS framework
  • Computations happen primarily in JavaScript, reducing load on web servers
  • Simplified social networking (text posting only)
  • Interactivity between platform users

 

Take a peek at Zucknet:

https://zucknet.r–j.ca

Posted in Web

BAM BAM Skateboarding

Bam Bam Skateboarding website landing page displayed on desktop.
Bam Bam Skateboarding website landing page displayed on desktop.

(https://onnet.000webhostapp.com/bambam/)

Created to fit in the Open Network ecosystem. The Bam Bam Skateboarding web page is a hobby and test project. On the site you can find info about the skateboarders of Bam Bam, watch the latest Bam Bam videos, contact Bam Bam, or connect with Bam Bam Skateboarding on social media.

I have worked as a founding member of the brand. I am also it’s videographer, graphic designer, and editor.

Posted in Web

Xcitamite – Fun Guide for Winnipeg | Event Page

Xcitamite Fun Guide for Winnipeg event page displayed on desktop.
Xcitamite Fun Guide for Winnipeg event page displayed on desktop.

Created to fit in the Open Network ecosystem. Xcitamite ‘Fun Guide for Winnipeg’ web page was created as a test for a small event coordination, aggregation, and promotion company based in Winnipeg, MB.

The site consists of a calendar which highlight all past, current, and upcoming events posted by Xcitamite.

The website is no longer in use.

Posted in Web