Work¶
Every site below was built using static architecture, MkDocs Material, GitHub Pages, and structured navigation designed around the audience that would actually use it.
Organized by tier to reflect the scope and complexity of each project.
Tier 1, Personal Presence¶
Clean, navigable digital presence sites built for individuals who need their work and identity organized in one place.
Shoug's Digital Garden
Personal hub covering academic coursework, career development, and curated technical resources. Audience-based entry paths for students, instructors, and employers.
Built for: Personal
Blueprint Studio
The studio site itself. Bilingual (Arabic + English), structured service documentation, tiered packages, process workflow, and case studies.
Built for: Business
Layan's Digital Garden
Personal digital garden for a Computer Science and AI student. Covers academic notes, career development, CV, projects, and curated resources.
Built for: Client
Note: Shoug's Digital Garden was translated with the support of artificial intelligence. Blueprint Studio is translated by freelance translators working with Blueprint.
Tier 2, Project Documentation¶
Structured academic documentation sites built for course projects, capstone submissions, and technical reports. Each site is organized around how evaluators and reviewers actually read academic work.
CS210, Linked List & Runtime Analysis
Documentation for a Java-based linked list implementation comparing four sorting algorithms, Selection, Insertion, Merge, and Quick Sort, with theoretical and empirical runtime analysis.
Course: CS210 · Prince Sultan University
SE201, Sillah Family Health System
Full software engineering documentation for a preventive family health management system. Covers proposal, requirements, UML design, Java prototype, and test results across four phases.
Course: SE201 · Prince Sultan University
Math221, Numerical Analysis
Comparison of three root-finding methods, Bisection, Newton–Raphson, and Secant, implemented in GNU Octave. Includes methodology, results tables, convergence analysis, and embedded PDF report.
Course: Math221 · Prince Sultan University
CS330, Operating Systems Project
Two-phase OS course project covering Linux process-based benchmarking and Java multithreaded performance optimization. Includes setup guides, experiment plans, results, and a reference section.
Course: CS330 · Prince Sultan University
CS102, School Course Enrolment System
Documentation for a Java console application simulating a university course management environment with role-based access for students, instructors, and administrators. Covers class structure, workflows, and code reference.
Course: CS102 · Prince Sultan University
CS340, Database Web Application
Six-phase documentation of a full database lifecycle project, from ER/EER conceptual modeling and relational schema mapping through SQL implementation and full-stack CRUD web application. Includes sustainability analysis and appendix.
Course: CS340 · Prince Sultan University
CS285, Secure Key Exchange
Documentation for a Diffie-Hellman key exchange implementation in Java, demonstrating public-key cryptography over an insecure channel. Covers discrete mathematics foundations, implementation phases, encryption validation, and an embedded report.
Course: CS285 · Prince Sultan University
SE311, Software Requirements Analysis
Expanded requirements engineering documentation for the Sillah system. Covers the full requirements lifecycle across six phases, inception, elicitation, analysis, specification, validation, and requirements management, following IEEE 830 standards.
Course: SE311 · Prince Sultan University
Tier 3, Research Documentation¶
Publication-ready documentation sites for university research projects, structured for academic review, reproducibility, and professional credibility.
CS316, Mental Health AI Project
Research documentation for an Arabic NLP and machine learning system that classifies depression and anxiety severity using embedding-based representations and SVM classifiers. Includes methodology, results, error analysis, deployment guide, IEEE paper draft, and responsible AI framework.
Course: CS316 · Prince Sultan University
Built for: Client
Scope Note¶
The CS340 database project documents a full-stack application, its documentation site is static, but the underlying system involves a database and web backend. Blueprint Studio builds the documentation website, not the application itself. This distinction is noted for transparency.
Video Demos¶
See short walkthroughs of key UI interactions and behavior patterns from recent builds.