Skip to content
Rawan

Rawan Nasser/Software Developer

Rawan Nasser, software developer. I build ideas into systems.

Software Developer · AI & Product Development

Software development, intelligent systems, product design, and digital experiences.

View my workContact me

Works with TypeScript · React · Next.js · React Native · Python · PyTorch

A working philosophy

I learn by building.

Start small, see what it teaches, then build the next version better. That loop is how I learn, and how I make things.

Map / What I build

Six areas, one system.

The things I work on are connected. Hover or tap an area to see the tools and ideas behind it, and how it links to the rest.

Six connected areas. Choose one to reorganize the map around it.

01 / Selected work

Work you cantouch.

Three exhibits, each with a working demonstration built for this portfolio. Change things, switch languages, step through the pipeline.

  1. 01Digital QR Menu Systems
  2. 02Mobile Application Development
  3. 03Machine Learning & Computer Vision

Exhibit 01Product capability

Digital QRmenu systems

Restaurant & Café Digital Experiences

I can design and develop complete digital QR menu systems for restaurants and cafés, from the management interface to the customer-facing menu experience.

Type
A system I design and build
Platform
Web, mobile-first
For
Venue teams and their guests
Focus
Architecture, product, UI/UX
Read the case study
Interactive demoInteractive demonstration with a fictional café. Your edits stay in this browser tab.

MenuChanges apply live

Categories

  • On offer · $9.35
  • Offer

Capabilities demonstrated

  • Frontend development
  • Backend integration
  • Database design
  • Multi-tenant systems
  • API integration
  • UI/UX implementation
  • Product architecture

Features I can implement

  • Custom restaurant branding and logo integration
  • Customizable colors, themes, and layouts
  • Digital menu creation and management
  • Categories and subcategories
  • Food and beverage product management
  • Product descriptions, images, and pricing
  • Special offers and discounts
  • QR code generation
  • Mobile-friendly customer menu experience
  • Restaurant administration dashboard
  • Multi-tenant architecture supporting multiple businesses
  • Responsive interfaces

Technologies

React / Next.js / JavaScript / APIs / Database Systems / UI/UX

Exhibit 02Mobile application

Mobileapplications

Multilingual Applications & Interactive Experiences

Designed and developed a multilingual mobile application with structured content, interactive functionality, reusable components, and intelligent assistance.

Type
Mobile application
Built with
React Native and Expo
Languages
Multilingual, through i18n
Focus
Architecture, content, AI
Read the case study
Interactive demoIllustrative recreation with sample content. The assistant replies are scripted for this demo.
Interface language

Show components

Outline the reusable building blocks of each screen.

Switch to Arabic to see the layout mirror for right-to-left reading. The screens and components do not change, only the language layer.

Home

EN

Good evening

Continue where you left off

Module 1 of 3

How orbits work

Your modules

On this screen

Structured content

Module cards are one reusable component, rendered from a content model rather than hand-built screens.

Capabilities demonstrated

  • Mobile architecture
  • Reusable components
  • Navigation and state
  • Multilingual content
  • API integration
  • AI-assisted features

Technical capabilities

  • React Native application development
  • Expo development environment
  • Component-based architecture
  • Navigation and state management
  • Multilingual architecture
  • API and external-content integration
  • Interactive learning experiences
  • AI-assisted functionality
  • Responsive mobile interfaces

Technologies

React Native / Expo / JavaScript / APIs / i18n / AI Integration

Exhibit 03Applied AI

Machine learning& computer vision

Applied AI Development

Practical experience exploring and implementing machine-learning workflows, with a focus on deep learning and computer vision.

Type
Applied AI
Domain
Computer vision
Framework
PyTorch
Focus
Data, training, evaluation
Read the case study
Interactive demoA visual explanation of the workflow. The shapes, curves and bars are illustrative, not model results.
CircleTriangleSquarestage 01 / Data

Collect and organize

Images are gathered and sorted into labelled classes, then split into a training set and a validation set the model never trains on.

data = ImageFolder("data/train", transform=tf)
loader = DataLoader(data, batch_size=32, shuffle=True)

PyTorch · Python · NumPy

Capabilities demonstrated

  • Neural networks
  • Image classification
  • Data preparation
  • Training and evaluation
  • PyTorch workflows

Technical areas

  • Neural networks
  • Deep learning fundamentals
  • Image classification
  • Dataset preparation
  • Data preprocessing
  • Model training and evaluation
  • Computer-vision workflows
  • PyTorch development

Technologies

Python / PyTorch / NumPy / Pandas / Deep Learning / Computer Vision

02 / Capabilities

What I do

Five verbs, five kinds of work. Hover, tap or tab through them.

  • Software Development

    Web and mobile applications, component architecture, APIs, responsive interfaces, and maintainable systems.

  • UI/UX

    Designing interfaces around clarity, usability, visual hierarchy, and user experience.

  • AI & Machine Learning

    Deep learning, computer vision, data preparation, model training, and AI-assisted applications.

  • Product Development

    Turning ideas and real-world problems into functional digital products.

  • Automation & Integration

    Connecting APIs, services, workflows, and automation.

Stack / Technology universe

Tools, and how they connect.

Not a list of logos: each technology sits next to the ones I use it with. Hover or tap to light up its connections, drag to rearrange.

Universe

25 technologies, 31 connections.

Choose any node to see what I use it for and what it works with.

  • Frontend
  • Languages
  • Design
  • Tools
  • Backend & Systems
  • AI & Data
Languages
JavaScript · TypeScript · Python · HTML · CSS
Frontend
React · Next.js · React Native · Expo
AI & Data
PyTorch · Deep Learning · Computer Vision · NumPy · Pandas
Backend & Systems
APIs · Databases · Authentication · Multi-Tenant Architecture
Tools
Git · GitHub · GitHub Actions · VS Code
Design
UI/UX · Design Systems · Responsive Design

Method / How I think

I don't see developmentas simply writing code.

  1. 01I start by understanding the problem.
  2. 02Break it into smaller systems.
  3. 03Design a practical solution.
  4. 04Build it.
  5. 05Test it.
  6. 06Refine it.

I care about both sides of a product:

how it works

andhow people experience it.

Process / Eight stages

From idea to shipped.

Select a stage, or use the arrow keys, to see what happens there.

01

Idea

Every product starts as a question worth answering. I write the question down before I write any code.

Next: Problem

03 / About me

Curious by nature.

Technical by practice.

Creative by instinct.

I'm a software developer interested in the intersection of technology, intelligent systems, and product design.

I learn by building. My work has given me experience across application development, SaaS architecture, AI and machine learning, interface design, APIs, automation, and problem-solving.

I'm interested in opportunities where I can contribute to real products, collaborate with experienced developers, and continue developing my technical abilities.

Open to

  • Software development01
  • AI & machine learning02
  • Product development03
  • Freelance projects04

04 / Contact

Let's buildsomething useful.

I'm open to software development, AI/ML, product development, and technical opportunities where I can contribute, learn, and grow.

hello@example.com
Email meGitHubLinkedIn

Rawan Nasser

Software Developer · AI & Product Development

© 2026 Rawan Nasser