herofrom
heropixelfull stack
developer

Hi, I’m JJ, a.k.a. hero.
My freelance alias –HeroPixel– specialises in developing & designing bespoke websites.

About Me

GitHubCurriculum vitae

I am passionate about programming with a focus on bespoke designs and fluent UX. With my love for code, adept learning skills and eagerness to learn and push my abilities, I can design and develop websites that stand out from standard templates. My clients have always given me great feedback and love working with me. With my B.Com Law degree, I can understand and develop business ideas into realised projects that wow my client's customer base.

Tech Stack

  • Languages

    • HTML 5

    • CSS 3

    • JavaScript

    • TypeScript

    • c#

    • php

    • SQL

  • Frameworks

    • React

    • NextJS 13

    • ASP.NET Core

    • Tailwind CSS

    • WordPress

    • Node

    • Express

  • Databases

    • PostgreSQL

    • Redis

    • MongoDB

    • mySQL

  • APIS

    • RESTful

    • GraphQL

  • CI/CD

    • Git

    • GitHub

    • Netlify

    • Digital Ocean

    • cPanel

  • Agile

    • Trello

    • Confluence

    • Jira

    • Jira Software

Design Skills

    • Photoshop

    • Figma

    • Canva

  • Web Tools

    • Elementor

    • Webflow

    • Framer

Other Skills

  • Commerce

    • Shopify

    • WooCommerce

    • MedusaJS

  • CMS

    • WordPress

    • Prismic

    • Contentful

  • Mailing

    • Nodemailer

    • Postmark

  • DAM

    • Cloudinary

Experience

I am a full-stack web developer who leans toward the front end. I have experience in web development, design, web-related technologies and e-commerce. I follow SOLID principles and am knowledgeable about OOP.

2023/05 - present

Enerblu.co.za - Freelance

Full Stack Web Development

Responsibilities

  • Designed customer-facing websites with a unique brand identity using Photoshop and Figma.

  • Developed responsive e-commerce websites with NextJS and React, adhering to SOLID principles.

  • Achieved greater than 90% in page insights scores to improve page ranking and accessibility.

  • Architect and developed APIs for custom business logic using PostgreSQL and TypeORM.

  • Integrated commerce modules (MedusaJS) and headless CMS (Contentful) through REST and GraphQL APIs.

  • Implemented version control (Git & GitHub) to ensure smooth deployments and staging site management.

Duties

  • Conducted frequent client progress reporting and feedback gathering using Agile methodology..

  • Authored documentation for complex parts of the codebase with Confluence.

  • Outlined development and design plans using Jira and Trello software.

  • Maintained codebase and performed periodic dependency updates.

Tech Stack

  • git
  • github
  • netlify
  • do
  • tailwind
  • react
  • nextjs
  • graphql
  • medusa
  • pgsql
  • nodemailer
  • postmark
  • rest
  • sql

2022/02 - present

Sports4theNation (pty) ltd - Freelance

WordPress website - Currently redoing website

Responsibilities

  • Design a customer-faced website with a unique and consistent brand identity (Photoshop & Figma).

  • Overhaul website with a custom-developed theme, lowering plugin and hosting fees by 74%.

  • Develop custom WordPress plugins to enhance content management experience and improve productivity by 40%.

  • Deploy WordPress on shared hosting (cPanel).

  • Configure mailing with correct signatures (DKIM, SPF & DMARC).

  • Maintain and update website plugins and theme

Duties

  • Maintain website and update plugins for the client, ensuring 99% uptime.

  • Train client and employees to use WordPress CMS and WooCommerce.

  • Educate client and employees on SEO practices.

  • Assist in maintaining content & SEO.

Tech Stack

  • php
  • wordpress
  • woo
  • react
  • mysql
  • rest
  • cpanel

2021/06 - 2022/12

lavidaliving.co.za – Self-Employment

Self Employment

Responsibilities

  • Design & develop a responsive website according to the design.

  • Convert the developed design to a WordPress-compatible theme.

  • Set up and deploy WordPress with WooCommerce.

  • Configure correct mailing signatures (DKIM, SPF & DMARC).

  • Set up, integrate & manage PPC.

  • Website maintenance, theme/feature changes and dependency updates.

Tech Stack

  • php
  • wordpress
  • woo

2019/06 - 2020/01

Moringa Fields

Part Time

Responsibilities

  • Redo Shopify theme.

  • Content management & Creation.

  • Integrate 3rd Party marketing with Shopify store.

  • Maintain Ad campaigns and update creatives.

  • Improve sales by 120% by expanding the company's presence online.

Duties

Communicate and report online marketing statistics.

Tech Stack

Projects

Featured Project - Featured Project - Enerblu

EnerBlu.co.za

EnerBlu is a custom e-commerce experience for customers looking for solar products. This website utilises MedusaJS commerce modules to power complex queries & custom business logic. This project included development, deployment, SEO & design.

  • sql
  • react
  • nextjs
  • tailwind
  • rest
  • graphql
  • git
  • github
  • pgsql
  • redis
  • medusa
  • postmark
  • nodemailer
  • do
  • netlify
  • Sports4theNation.co.za

    Sports4theNation is a WooCommerce website for a wholesale sports equipment & clothing company. This project included design and WordPress website building.

    • php
    • sql
    • react
    • wordpress
    • woo
    • mysql
    • rest
    • cpanel
  • YelpCamp
    Source Code

    CRUD website made with plain HTML, JS & CSS. Utilises MongoDB as a database. Mock website based on Yelp reviews but for campsites

    • mongo
    • node
    • express

  • Portfolio

    Source CodeDesign Files

    I wanted a design heavy landing page to showcase my front-end capabilities. Not much to do on the backend except integrate Prismic. The code and design files are available on my GitHub and Figma.

    • react
    • nextjs
    • tailwind
  • Prismic Course
    Source Code

    Marketing website based on the introduction course to Prismic.

    • nextjs
    • tailwind
    • react

Education

Completed Courses/Self education (2022-2023)

Become a WordPress Developer: Unlocking Power With Code by Brad Schiff

React - The complete guide 2023 by Academind

The Web Developer Bootcamp by Colt Steele

NextJS 13 course by Hamed Bahram

NextJS 13 beginner full course by Dave Gray

C# .NET course by Dominic Tripodi

.NET 8 Core MVC course by Brughen Patel

BCom law degree (2019-2022) North-West University

I studied law with plans to become a lawyer. However, I decided to switch careers and do what I love, programming.

Contact Information

Feel free to contact me at anytime.

+27 60 732 6830
dev@heropixel.co.za

Pretoria, Gauteng - South Africa

Fill in if you prefer a callback
Send me a message about work, future projects or ask me any web related question.

*Your information is stored safe and secure according to POPI Act guidelines.