Ralabbe logo

RAFAEL
LABBE

Front End
Web Engineer

Card game website home screenHTML5 badge iconWide Open Throttle reviews section
Javascript badge iconWide Open Throttle home pageReact logo
Wide Open Throttle contact us pageCSS badge iconGame key storage project

My Work

Wide Open Throttle home page

Wide Open Throttle

Using React and Next.js, I developed a website for the auto service company, Wide Open Throttle. It features a sleek dark design, window tint examples and information, customer reviews, social media links, and a contact form set up with Google reCaptcha v3.

React card game home screen

React Card Game

Wanting to take my love of gaming to a new level, I started currently working on a React game based on the popular card game Cards Against Humanity. This will feature websockets connecting to a .NET back-end using SignalR to handle room data and game logic.

Game key storage project home page

Game Key Storage

As a gamer, I've been collected many keys for the popular game client, Steam. I decided to turn my list of keys into a web app using React. With custom SQL queries, I connect to mySQL to create, store, and gather user account data to save and store Steam keys.

Image of Wordpress icons

WordPress Development

I've been working with highly custom WordPress themes, subthemes, and plugins for many years now. Each built to fit a clients needs aesthetically and efficiently. With custom post types, WordPress hooks, admin settings pages with custom settings, and much more.

Skillsets

 

 

React + Next.js

Using the React library's component-based architecture has made web development more efficient, reusable, and organized. Adding Next.JS to incorporate server-side rendering and a built in routing system is the cherry on top. I've used them on several projects including this very site.

HTML + CSS + JS

HTML, CSS, and JavaScript is the bread and butter for any front end web developer and I've been using all 3 languages for nearly two decades now. With these languages constantly evolving, I constantly look for new ways of improving them in my projects and personal work.

PHP

I've used PHP as a one of my backend languages for years now. Especially when working in conjunction with projects that require it like WordPress plugin and theme development. It has been very useful for manipulating data in PHP MySQL, email sending, API connectivity, and more.

 

 

 

 

 

Database Management

Information architecture and database management has been a staple in my projects for years. I've used it in various types of projects, personal and professional, and understand the importance of properly organizing information for efficiency.

ADA Compliance

As developers, it's crucial that we cater our work to every person no matter their hardships. Extensive testing is vital to make sure site functionality is accessible to all. I am proud to have learned this from the UCF Recreation and Wellness center where I worked as a marketing assistant.

 

 

 

 

 

Agile Development

The key to any successful project is how it is managed. Agile takes this to a whole other level by scheduling and planning everything with set deadlines. Planning isn't done without taking outside noise like tickets and bug fixes into account. Using the right tools is just as important.

API Implementation

I have incorporated support for several APIs throughout my career. This includes well known tools like the Google suite of RESTful APIs, Payment Gateways such as Paypal and Stripe, and even private APIs specific to a project I may be working on.

Payment Gateway

No E-Commerce setup is complete without a way for clients to accept payment! I've worked with popular payment gateways to handle just that. From simple setups like adding a quick PayPal button to more complicated implementations such as using the Paypal SDK or Stripe.

 

 

Image of me, Rafael

A little about me

I'm Rafael a Front End Web Engineer with over 8 years of professional experience. My goal in life is to constantly seek ways to improve myself. With that, I challenge myself to learn something new or improve upon my current knowledge with every project. I apply this mindset into my personal life as well and aim to constantly grow in one way or another.

Contact