I'm Waleed.

 

Full Stack Developer

What I Do

Next.js

React

Typescript

Javascript

PostgreSQL

Shopify

Work

Whale Hunter

2D Godot Game

Play the game!
View Source

Inspired by Moby Dick, the novel by Herman Melville, I made this simple whale hunting game. I was looking for a simple one mechanic game to make, and in the shower I thought of a whale hunting game, since I loved Moby Dick so much. I'm using Godot because its a fantastic open source engine that is by far my favorite game engine to work with so far.

The game utilizes some physics to let the whaleship glide on the water, and some basic trig math to calculate angles and directions. I threw in some Moby Dick quotes in black screen overlays to make it feel a little more artsy too.

The art of the whales and the ship were made by me, the water tiles are from Kenney.NL, and the sound effects are various free sources from Freesound (the Github source shows the proper attributions)

Toybox

Full Stack Next.js App

View Live Site
View Source (Github)

A site for action figure collectors to easily and publicly share their figure collection. The web app is built with Next.js (Typescript) for its front end, hosted on Vercel, and the back end is a PostgreSQL database, hosted on Supabase.

It's an active work in progress, with a lot of missing features, but the intention is to keep adding features, and start having a real, active, userbase.

The design is incredibly basic, but was designed by me.

Likelihood

Complete Shopify Theme

View Live Store

A completely original Shopify theme, from scratch. Shopify themes consist of a ton of HTML (via Shopify's templating language Liquid)/CSS and Javascript to handle all the interactive elements for customers. This took a ton of work since its a ton of content, but thankfully Shopify's dashboard handles the heavy load of text and images.

This was not designed by me, I just was given a wireframe/mockup and built this as close to the design as possible.

Rewards Page Redesign

Sukoshi Mart

View Page

A straightforward redesign following a specified design. Most of this page is just CSS overriding the Yotpo plugin/app's control of this page, except for the Beauty Challenges section.

The Beauty Challenges section consumes Yotpo's Loyalty API. It searches through all available Earning Rules (which are things like Spend X to get 50 points) and through Shopify's Liquid I've added a block system to allow a user to customize which Earning Rules (based on the Earning Rule ID) are visible on this page, which are specifically only certain Beauty Challenges.

The Beauty Challenge tiles are created by taking the Earning Rule's point value (20 points), the details of how to progress/complete a challenge (Spend X to get 20 points), and include an expiry date for the earning rule. All of these options are customizable within the Yotpo app dashboard on Shopify.

The API also fetches a customer's action history (which earning rules, rewards, etc has a customer claimed successfully) and if a customer has successfully completed a Beauty Challenge, it marks the challenge as completed.

React Blog

Full Stack React Project

View Github

A simple CRUD blog in React. Uses PostgreSQL as a backend database and Express/Node for server functions

Contact

Email: {{ clickMe }}

My Resume