Hassan Alqhwaizi
Software Engineering Student
Projects
React
CSS
Node.js
GitHub
Developing a portfolio website to showcase my projects and skills while learning React.
Constantly updating the codebase to utilize React components more and eliminate hard-coded elements.
Maintaining a repository on GitHub to track changes and deploy the website using GitHub Pages.
Designing the website for simplicity and readability.
Discord Bot
2022 - Present
JavaScript
Discord.js
PHP
SQL
PhpMyAdmin
A Discord.js bot with website integration, and integration with our MTA SA server (in-game) using a socket module.
Implemented Discord’s OAuth2 authentication using JavaScript, PHP, and MySQL, allowing users to securely connect their Discord profiles with their game/website accounts.
Enabled communication with our website to validate user subscriptions and make use of bot commands.
2D Top-Down Shooter Minigame
2021
Python
Pygame
A simple collision-focused zombie shooter developed with Pygame.
Implemented an event system and a straightforward collision system for gameplay.
Designed the game to be scalable and resizable, with a UI, sound effects and music.
Completed as a high school final project, showcasing game development skills.
Experience
Game Script Developer, Freelance
September 2020 – Present
MTA San Andreas
JavaScript
HTML
CSS
React
Lua
Revived an abandoned game mode, resolving numerous bugs, and improving functionality.
Restructured the codebase into modular files for readability and efficiency.
Designed and developed a sleek, keyboard-controlled Menu with animations and a user-friendly design.
Implementing community-suggested creative features to enhance user engagement.
Maintaining game balance through regular gameplay adjustments.
Working with a collaborative development team and integrating non-developer contributions.
Managing community relations, and prioritizing feedback for improvement.
FiveM
Lua
SQL
Creating a custom UI using JavaScript, HTML, and CSS to enhance the player experience.
Implementing various game features and modes using client-server events with Lua.
Designing and building a highly dynamic and customizable GUI library using React.
Showcase
MTA San Andreas
GeoGuesser Lobby
HTML
CSS
JavaScript
Lua
A work-in-progress GUI created from scratch specifically for a GeoGuesser game mode lobby. It uses JavaScript-Lua communication for data transfer and updates. The layout makes use of flexboxes. This was possible to create in MTA using the Chromium Embedded Framework (CEF).
Features
Scaled for all resolutions
All items are scrollable and do not overflow
Custom dropdown/option menu
Font Awesome icons
Main Menu
Lua
A sleek, keyboard-controlled menu with simple animations and a user-friendly design. Made using shape, text, and image-drawing DX functions. It is controlled with key-press events.
Features
Toggles, selectors & sliders
Pages & Tabs
Scaled and consistent UI
Lightweight and easy to navigate
Squad Panel
Lua
A squad panel GUI for a shooter gamemode with a modern and clean design. Made using shape, text, and image-drawing DX functions.
Features
Buttons, Toggles, Tabs & List items
Colorpicker, Scrollbar & Tooltips
Scaled and consistent UI
Lightweight and easy to navigate
FiveM
Chatbox
HTML
CSS
JavaScript
Lua
A work-in-progress custom in-game chatbox for players to send messages to each other.
Features
Emojis
Commands
Tabs (f.e. Local, Global, Team, etc.)
Suggestions with descriptions
Other
Portfolio Website
React
CSS
You're looking right at it :)
Features
Flexbox layout. Flexbox, flexbox everywhereeeeeeeee
Dark mode
Mobile responsive design
Smooth scrolling showcase links
Sorry if you are on mobile data and have just downloaded all these videos
Online Text Editor
PHP
HTML
CSS
JavaScript
A simple web-based text editor created for a college assignment using PHP.
Features
Load & Save files with preferred name and extension
Character counter (wow, so cool, lol)
Easily customizable HTML and CSS