Moayd Shahat Software Engineering Portfolio
Modern developer workspace with a laptop, wireframe sketches, and planning notes

Assignment 4 Final Portfolio

Moayd Shahat

A polished personal web application that brings together state management, API integration, responsive UI design, form validation, documentation, and AI-assisted workflow transparency.

View Projects Start Contact
Visitor Greeting Welcome to my portfolio.
Availability Available for academic and portfolio collaborations.
Current Theme Light
Session Time 00:00

About

Building reliable web experiences with clear logic and practical documentation.

Profile

I am a Software Engineering student at KFUPM focused on web development, AI-supported workflows, and disciplined problem solving. This final portfolio extends my Assignment 3 application into a more complete, presentation-ready product.

What Changed From Assignment 3

  • Reframed the page as a complete personal portfolio rather than a feature demo.
  • Added stronger visual hierarchy, documentation links, and presentation support.
  • Kept the Assignment 3 JavaScript features and improved their surrounding UX.

Capabilities

Course concepts demonstrated in one integrated application.

01

Responsive Interface

Layouts adapt across desktop, tablet, and mobile widths with stable card, form, and control behavior.

02

Client-Side State

Theme, visitor name, status, filters, and timers are managed through structured JavaScript state.

03

External Data

Recent GitHub repositories load through the public GitHub API with loading and error states.

04

Validation

Contact input is checked before submission with accessible error states and clear feedback.

Personalize

Persistent browser state gives each visitor a customized session.

Your name is stored locally in this browser to personalize the portfolio greeting.

Projects

Filter, sort, and review portfolio work by topic and complexity.

Select a project complexity to adapt the portfolio recommendations.
Visible Projects 0
Skills Displayed 0
Top Match None yet

API Integration

Live GitHub repositories fetched from the GitHub public API.

Loading latest repositories...

Development Process

Incremental improvement from Assignment 3 to a final polished product.

Assignment 3 Base

Interactive Application Core

State persistence, filtering, sorting, API fetching, and validation established the technical foundation.

Assignment 4 Upgrade

Professional Portfolio Layer

Visual hierarchy, richer content, evidence links, and presentation preparation made the project complete.

Final Review

Quality and Documentation

README, technical notes, AI usage, and manual test steps now support the final submission.

Contact

Validated form with clear feedback before submission.

Submission Evidence

Documentation and presentation support required for Assignment 4.

README Project overview, setup, feature guide, and testing notes. Technical Documentation Architecture, implementation choices, compatibility, and verification checklist. User Guide Visitor instructions for using filters, personalization, API data, and form validation. AI Usage Report Tools used, benefits, limitations, learning outcomes, and responsible-use notes. Rubric Evidence Direct mapping from Assignment 4 requirements to project files and features. Submission Checklist Final repository, deployment, video, and Blackboard submission steps. Presentation Plan 5-7 minute demo structure aligned with the assignment instructions.