top of page
Computers


Web Design &
Programming

A selection of custom-built websites, mobile apps, and software projects developed with HTML/CSS, JavaScript, React, PHP, Python, MySQL, and C++. Each project features original Figma and Adobe–designed systems with seamless UI/UX, full-stack functionality, and integrations across platforms such as Android Studio, WordPress/IMIS, and Docker.
 

click to navigate to page section

Website Development

A curated selection of websites developed for companies and organizations, organized by conference, federal, specialty, and personal projects. Each showcases clean code, responsive design, and user-focused functionality.

Screenshot 2025-07-24 at 5.29.08 PM.png

Biosolids Infosite | Lead Web designer, NACWA

Designed and maintained an educational site explaining the benefits, safety, and global impact of biosolids, with ongoing blog and image updates.

 

 

 

Screenshot 2025-07-24 at 5.31.47 PM.png

Annual Report Site | Lead Web designer, NACWA

Created an interactive report site featuring state-by-state PHP pop-ups, custom graphics, and updated content highlighting annual utility achievements.

 

 

Mobile Apps

This section highlights mobile apps I developed using Android Studio with Java, JavaScript, and Kotlin. Each app reflects my personal interests and serves as a platform to showcase my skills in mobile development—from intuitive UI design to functional, user-centered features.

"Self"

Mental Health App

Built in Android Studios using Kotlin & Java
High Point, NC 

 

"Self" is a comprehensive wellness and self-care platform designed to empower users to lead healthier lives. The app features a range of functionalities, including a Contacts page, a Yoga video section, a Home page for navigation, a page dedicated to Herbal Teas, a Virtual Journal page, and a Book section focused on meditation books.

s (1).png

Thrift Trace

Sustainability App

Built in Android Studios using Kotlin & Java
High Point, NC 

 

Thrift Trace is a sustainable mobile app designed to promote thrifting and help users trace their carbon footprint. It features functionalities such as carbon footprint calculation based on thrifted clothes, a database for selling second-hand items, a menu page, profile management, and a section for viewing added items.

Screenshot 2026-01-05 at 11.30.17 AM.png

Computer
Programming

As a dual graduate of Computer Science and Graphic Design, I combine analytical precision with creative insight. This section highlights programs developed in C++, SQL, and PHP, ranging from database-driven applications to command-line tools and dynamic web features.

GUI
(Graphical User Interface)

A web-based flight simulator GUI developed for the Comfort Airlines project. Built with PHP, HTML, CSS, and JavaScript, the interface integrates front-end design and back-end functionality to display flight data, financial summaries, and dynamic error handling across multiple pages, emphasizing usability and operational insight.

Coding Station
first1.png
sec1.png
third1.png
fourth3.png
coblacklogo.png

Airline Simulator

The Comfort Airlines project, developed by the Byte Me team, aimed to create a comprehensive airline management system. This involved meticulous planning, development, and testing of software tools designed to improve airline operations efficiency and user experience. The project involved creating a user-friendly graphical interface that allowed airline staff to manage flights, passengers, and other operational details effectively.

My Role

As part of the Byte Me team, my specific role revolved around developing the graphical user interface (GUI). I focused on ensuring that the interface was intuitive and user-friendly, enabling smooth navigation and efficient data retrieval. My contributions were critical in allowing users to interact seamlessly with the system, enhancing their ability to manage daily operations and access essential information.

Coding Languages Used

s (3)_edited.png

INDEX.PHP
Airport Timetable

Dropdown Menu for Airport Selection​

  • Allows users to select an airport code from a dropdown menu populated with codes from the AIRPORT table in the database.

​​

Arrivals and Departures Display

  • Dynamically updates the webpage to display either arrival or departure flight information based on the user's selection.

​​

Flight Status Indication​

  • Indicates the status of each departure (Cancelled, Early, On-Time, Delayed) based on a comparison of scheduled and actual departure times, with distinct styling for each status.

Route.PHP
Route Search

Retrieve Route Data

  • Description: Executes SQL queries to retrieve data related to specific routes from the ROUTE and FLIGHT tables.

  • Parameters: None (may utilize a user-provided route code)

  • Returns: Array of route details

​​

Display Route Information

  • Description: Formats and displays the route data, including operational statistics.

  • Parameters: None (utilizes the data array from database queries)

  • Returns: HTML content

​

Rep.PHP
Data Report

Tail Number Selector

  • Choose the date for which you want to generate a report using the date picker.

​​

Display Simulation Report

  • HTML tables displaying daily operational metrics for the selected aircraft, including number of flights operated, passengers transported, on-time departure and arrival percentages, and total operational hours. The report includes  summary of these metrics over the chosen period.

​

Calc.PHP
Financial Summary

Fetch Flight Data

  • Description: Executes a SQL query to fetch flight details, including tail number, flight date, and distance, from the AIRCRAFT and FLIGHT tables within a specified date range.

  • Parameters: None (uses hardcoded date range within the SQL query)

  • Returns: Array of flight details

​​

Calculate Leasing, Terminal, & Fuel Fees

  • Description: Calculates fees based on aircraft tail number prefixes and days of operation within the specified date range, Calculates terminal fees based on takeoffs and landings per flight, Calculates fuel fees based on flight distance, aircraft type, and fixed price per gallon.

  • Parameters: None (uses $flights array from database query) Returns: Populates $leasingFeesPerDay array

bottom of page