Skip to content
View WolfOWI's full-sized avatar
🍝
Breaking things and fixing them, one commit at a time!
🍝
Breaking things and fixing them, one commit at a time!
  • Open Window
  • South Africa
  • 21:45 (UTC +02:00)
  • LinkedIn in/wolfbotha

Block or report WolfOWI

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don't include any personal information such as legal names or email addresses. Markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
WolfOWI/README.md

banner

wolfowi UX Designer Frontend Developer Video Editor Wannabe Gym Bro Spanish Learner Loves React TypeScript Node.js Firebase JavaScript Figma React Native

Student Year Time Zone OS

// About Me
import { pizza as favFood } from "@wolf";
import { kindness, respect, creativity } from "@core/values";

const NAME = "Wolf Botha";
const STUDENT_NUM = 21100255;

let interests = {
  fitness: ["Gym", "Dance"],
  technology: ["AI", "Tech Gadgets", "Smart Home Automation"],
  learning: ["Piano", "Spanish"],
  funFact: "4.2% Middle Eastern descent - DNA test",
};

export async function codingSession() {
  let understandCode = false;

  readDocs();
  askAI();
  understandCode = true;

  try {
    await implementCode();
    cry("happy");
  } catch (confusion) {
    console.log("Just one more console.log()");
    cry("sad");
    await readDocs();
    await askAIAgain();
    await watchYouTube("Tutorial by Indian Genius");
  } finally {
    understandCode = false; // Humility restored
  }
}

let changelog = ["Added Spanish support", "Still fixing sleep schedule 💤"];

Duolingo Stats



✦ Skills ✦

UX Design

Strongest

100%

Frontend Development

Strong

75%

Backend Development

Competent

68%

Testing

Developing

53%

Video Editing

Strong

83%

*Percentages represent relative skill levels, not absolute proficiency



✦ Tech Stack Experience ✦

Languages & Frameworks

TypeScript JavaScript HTML5 CSS3 C# React React Native Angular .NET Node.js Express PHP

Databases & Data Management

PostgreSQL MongoDB MySQL Firebase Firestore Entity Framework React Context GeoFire

UI/UX & Styling

Tailwind CSS Bootstrap Material UI Chakra UI Ant Design Gluestack UI Headless UI Sass Figma

Tools & Libraries

Axios Chart.js Vite JWT Electron Docker Swagger Leaflet Lottie PDFMake MUI X Charts Material-UI Icons LDRS React Animated Cursor Day.js Validator.js MailKit RestSharp

Testing & Development

Jest React Testing Library xUnit Moq Coverlet Postman Google OAuth Firebase Auth BCrypt CORS

Mobile & Location Services

Expo NativeWind React Native Maps Expo Location Google Places API React Native Wheel Color Picker

Miscellaneous

Final Cut Pro Notion Aseprite Canva Google Docs Google Sheets Google Slides



✦ 2025 Portfolio Repos ✦

Coriander HR (Semester 1)

Coriander HR

A comprehensive Human Resources Management System built with Electron, React, and TypeScript. This desktop application provides a smooth and user-friendly experience for both employees and administrators to manage various HR functions including leave requests, meeting scheduling, equipment management, and performance reviews.

Technologies Used: React, Electron, TypeScript, Vite, Ant Design, Tailwind CSS, Material-UI Icons, MUI X Charts, Google OAuth, Axios, Day.js, Jest, React Testing Library, PDFMake, Lottie React

View Repository


CoriCore API (Semester 1)

CoriCore API

The RESTful API backend for the Coriander HR Management System built with ASP.NET Core and PostgreSQL. This server-side infrastructure provides simple yet efficient endpoints for all HR operations of Coriander, is fully documented with Swagger specs and includes extensive unit & integration tests.

Technologies Used: ASP.NET Core 9.0, C#, PostgreSQL, Entity Framework Core 9.0, Npgsql, JWT Bearer Authentication, Google OAuth 2.0, BCrypt.Net, MailKit, RestSharp, Swagger/OpenAPI, xUnit, Moq, Coverlet, Docker

View Repository


Nebulog (Semester 2.1)

Nebulog

A location-based reflection platform where thoughts become part of a digital cosmos. Built as a React Native mobile app, it allows users to launch their thoughts on an interactive map, creating a constellation of thoughts that can be discovered and echoed by others. Centred around the theme of space, Nebulog aims to encourage users to build the habit of self-reflection.

Technologies Used: React Native, Expo, TypeScript, NativeWind, Gluestack UI, React Context API, Firebase, Firebase Auth, Firestore, React Native Maps, Expo Location, Google Places API, Lottie React Native, Expo Vector Icons, Validator.js, Day.js, React Native Wheel Color Picker, GeoFire

View Repository


QuizQuest (Semester 2.2)

QuizQuest

An AI-powered, mobile quiz RPG where any topic can become an epic medieval adventure. Built as a pixel art fantasy game, QuizQuest uses Google Gemini to generate a structured curriculum of quiz questions from user-chosen subjects, then turns them into turn-based battles where correct answers deal damage, earn XP for levelling, unlock new stories, and earn gold for unlocking character skins. With a rich progression system, in-depth stats, and an economy, learners stay motivated by making self-study feel like playing an RPG.

Technologies Used: React Native, Expo, TypeScript, NativeWind, Firebase, Firebase Auth, Firestore, Firebase AI Logic (Google Gemini), Zustand, React Hook Form, React Native Reanimated, React Native Sprite Sheet, date-fns, Numeral.js

Repo Private



✦ 2024 Portfolio Repos ✦

fruts (Semester 1.1 - 2024)

fruts

A React-based web application that celebrates the love of fruit. It features interactive charts powered by Chart.js to visualise various fruit-related data, providing users with an engaging and informative experience.

Technologies Used: React, Express JS, Node JS, Chart.js React Chart.js 2, Axios, React Router, Tailwind CSS, Headless UI, LDRS, React Animated Cursor.

✅ Already Assessed (2nd Year Project)

View Repository (2024)


Exhibito (Semester 1.2 - 2024)

Exhibito

A MERN stack application, Exhibito is an art exhibitions website developed as a 4-team group project. It offers full CRUD (Create, Read, Update, Delete) functionality, allowing art houses to manage exhibitions and users to explore and interact with various art events.

Technologies Used: MongoDB, Express JS, React, Node JS, Axios, Tailwind CSS, React Bootstrap, React Router, JWT, BCrypt, CORS.

✅ Already Assessed (2nd Year Project)

View Repository (2024)


Rosemont Estates (Semester 1.3 - 2024)

Rosemont Estates

Rosemont Estates is a real estate platform designed to help users discover luxury dream homes. It features comprehensive property listings with filtering options, detailed property pages, and administrative dashboards for managing listings and client interactions.

Technologies Used: React, React Router, PHP, MySQL, Node JS, Leaflet Geosearch, Tailwind CSS, Chakra UI, Material UI Icons

✅ Already Assessed (2nd Year Project)

View Repository (2024)


CHEAPR (Semester 1.4 - 2024)

CHEAPR

CHEAPR is a FERN-stack web application aimed at helping users shop smarter by comparing prices of 4 x South African grocery store products. It provides a platform for users to find the best deals, save money, and plan their shopping efficiently.

Technologies Used: Firebase, Express JS, React, Node JS, React Router, Axios, Tailwind CSS, React Bootstrap

✅ Already Assessed (2nd Year Project)

View Repository (2024)



✦ My Stats ✦

Wolf's GitHub Stats

Top Languages



✦ Get in Touch ✦

cat

Typing SVG

Pinned Loading

  1. cheapr cheapr Public

    Shop better with cheapr - save money & time by comparing prices of South African grocery store products.

    JavaScript

  2. exhibito exhibito Public

    Art Exhibitions Website with CRUD functionality - a react group project (DV200 T2)

    JavaScript 1

  3. fruts fruts Public

    For the love of fruit - a react website with chart.js (DV200 T1)

    JavaScript 1

  4. rosemont-estates rosemont-estates Public

    DV200 Term 3 Rosemont Estates

    JavaScript