Experience Designer & Developing Web Developer
I design brand identities, interfaces, and print materials to a high standard. I'm building my development skills the same disciplined way - one real project at a time.
16
Project briefs
33
GitHub repos reviewed
4
Finished builds
7
Upcoming ideas
A professional design standard, an open learning curve, and a deliberate way of working with both.
Every deliverable, from a logo to a flyer to an interface, should hold up in the real world, not only look good in a preview. I work toward that standard with care for clarity, structure, and finish.
My process begins with the brief, the audience, and research. I develop genuinely different routes before refining a direction, instead of slightly rearranging the same idea.
ChatGPT, Claude, and Gemini are useful for planning and drafting. The review, organization, final decisions, and finished work are mine.
I'm comfortable with HTML and CSS and with AI-assisted project work in React, Next.js, TypeScript, and Firebase. I am still building a stronger independent command of the fundamentals.
Start with the real need, audience, and definition of a useful result.
Research the subject and develop distinct concepts instead of shallow variations.
Use AI for planning and drafting; keep the judgment, organization, and final decision human.
Refine the details until the work can hold up beyond a nice preview.
Two lists, intentionally separated: the work I can speak to now and the areas I am building through real projects.
Current
In progress
The goal is not to look experienced before I am. It is to keep choosing the next useful capability and proving it in the work.
Build a firmer independent foundation in JavaScript, semantic HTML, CSS, and debugging.
Use React and TypeScript with more understanding, gradually relying less on AI assistance for code.
Practice authentication, data, testing, deployment, and backend architecture in the projects above.
A clearer brief for the main builds, with status, stack, percentage, and four concrete points for each project.
Percentages are build-readiness estimates based on GitHub repos, local project notes, and verified work. They are not business traction, revenue, or client metrics.
Completed or substantially verifiable projects that can be discussed as working builds.
The public profile site that organizes the design, development, and product work into one truthful portfolio.
GitHub: fawzaanprofile
A sendable visitor-guide website for the October conference with arrival, hotels, vending, activities, and map-friendly mobile pages.
GitHub: mtws-dawah-
A finished 2D educational browser game about cleaning Madinah, identifying pollution, and learning environmental facts.
GitHub: pollution-hunter
A browser-based paint app with drawing tools, canvas controls, layers, local save, and PNG export.
GitHub: Paint-app
Projects with real implementation underway, but with remaining QA, polish, or production work.
A client onboarding, project tracking, file, invoice, status, and admin portal for Fawzi Designs.
GitHub: client-form-fawzi-designs-
A calm, private-first library for saving, organizing, searching, and sharing useful Islamic benefits.
GitHub: shared-benefit-
A personalized notes workspace for spaces, folders, notes, search, quick capture, pinned items, and AI-assisted note-title suggestions.
GitHub: four-fold-notes-
A document editing app synced from v0 with PDF-focused UI, editor components, and Vercel deployment flow.
GitHub: Professonal-PDF-editor-pro-
A mastery-based platform for academic, technology, language, and professional learning through courses, assessments, progress, and certifications.
GitHub: Reviewllant
Ideas, blueprints, and early repos that still need a tighter MVP or first production pass.
A recipe discovery, meal-planning, shopping-list, and guided-cooking platform with a strict no-pork and no-alcohol food standard.
GitHub: quickplate
A modern document editor concept for notes, documents, collaboration, organization, and AI-assisted writing.
GitHub: Draftly
A messaging and calling product plan with spaces, SMS/RCS direction, AI summaries, and Firebase-backed account setup.
Upcoming brief
Planned from local build steps, not a visible GitHub repo yet.
An upcoming project placeholder that needs a clear brief before the stack, scope, and launch path can be stated honestly.
Upcoming brief
No GitHub repo found under the current account.
A custom clothing storefront and thobe-builder concept with product options, request forms, and configuration handoff.
Upcoming brief
Local build exists; no matching GitHub repo was found in this account.
A mobile park guide concept for Umstead with maps, routes, useful visitor information, admin content, and volunteering updates.
Upcoming brief
Local Expo setup exists; no matching GitHub repo was found in this account.
A digital Islamic bookshelf concept with organized resources, parent controls, and a spec-aligned landing page foundation.
Upcoming brief
Local project notes exist; no matching GitHub repo was found in this account.
GitHub inventory
Older starters and experiments stay compact here, while the strongest product work gets the detailed cards above.
Current portfolio site.
Private-first benefits library.
Recipe and meal-planning blueprint.
Fawzi Designs client portal.
Personal notes workspace.
GitHub profile config repo.
MTWS visitor-guide record.
Browser paint studio.
Learning platform prototype.
Static business website.
Document editor concept.
Finished Phaser browser game.
PDF editor prototype.
Hybrid platform blueprint.
Empty Next.js starter.
Older bio/profile site.
v0 prototype repo.
Ping-pong game repo.
Readme/reference repo.
Learning journey prototype.
Grade 5 science study guide.
Math exam system prototype.
Tea Tree lawn site.
PDF link converter concept.
Secure inbox prototype.
Document-link tool concept.
AI calculator helper.
Link ranking prototype.
Math assistant concept.
Public math app repo.
AI calculator concept.
Astro/Sanity starter.
Empty test repository.
Good idea
A project can sound strong when the audience, pain point, and workflow are clear.
Realistic idea
A project becomes realistic when the MVP is narrow enough to build and test.
Public proof
Only completed, deployed, or verified builds should be presented as finished.
A finished browser game is the clearest proof point in my current development portfolio.
Pollution Hunter
A 2D educational browser game where players identify pollution, protect natural objects, complete clean-up jobs, earn points, and learn environmental facts through gameplay.
Verified features
Strong hierarchy, deliberate spacing, readable type, aligned systems, and color used for purpose — not decoration.
Logo concepts and refinement
Flyers and posters
Invitations and promotional graphics
Brand templates
Business documents
Web and mobile interface concepts
AI-assisted visual assets
Presentation and content layout
Portfolio gallery
A curated image gallery will be added as selected work is approved for public release. It will never be filled with mock clients, stock examples, or fabricated case studies.
07 / Get in touch
I am open to design projects, beginner-friendly development opportunities, collaborations, internships, and chances to keep learning through real work.