Aseeldev

Aseel Mahmoud Alqedra · Front-End Developer — React.js & Next.js

Interfaces that look incredible. Built to perform.

Available for new projects

From
Gaza, Palestine
Working
Remotely · Egypt
Reply
Within a day

02 / Services

What I build.

One line, every service on it — each one backed by a real project.

01React & Next.js Development

Fast web apps — React, Next.js and TypeScript.

From the work — FreshCart

Next.jsReactTypeScript

02Figma to Code

Your design, pixel-accurate and responsive.

From the work — Clarity

FigmaPixel-accurateResponsive

03E-Commerce Front-End

Catalogue, cart and checkout that sell.

From the work — FreshCart

CatalogueCartCheckout

04API Integration & Dashboards

Real data from APIs, shown clearly.

From the work — Wanderlust

REST APIsDashboardsLive data

05Landing Pages

One page, one goal, one clear action.

From the work — What's For Dinner

CampaignsSectionsOne CTA

06Arabic & English Websites

Right-to-left Arabic, done properly.

From the work — Adasa

RTLBilingualArabic UI

07Responsive & Performance

Beautiful on phones, fast everywhere.

From the work — Cosmos

Mobile-firstSpeedCore Web Vitals

The full index

Business & Portfolio WebsitesWebsite Redesign

All services

02 / Services

What I build.

One line, every service on it — each one backed by a real project.

01

React & Next.js Development

Fast web apps — React, Next.js and TypeScript.

From the work — FreshCart

Next.jsReactTypeScript

FreshCartFreshCart website — built by Aseel Mahmoud Alqedra
02

Figma to Code

Your design, pixel-accurate and responsive.

From the work — Clarity

FigmaPixel-accurateResponsive

ClarityClarity website — built by Aseel Mahmoud Alqedra
03

E-Commerce Front-End

Catalogue, cart and checkout that sell.

From the work — FreshCart

CatalogueCartCheckout

FreshCartFreshCart website — built by Aseel Mahmoud Alqedra
04

API Integration & Dashboards

Real data from APIs, shown clearly.

From the work — Wanderlust

REST APIsDashboardsLive data

WanderlustWanderlust website — built by Aseel Mahmoud Alqedra
05

Landing Pages

One page, one goal, one clear action.

From the work — What's For Dinner

CampaignsSectionsOne CTA

What's For DinnerWhat's For Dinner website — built by Aseel Mahmoud Alqedra
06

Arabic & English Websites

Right-to-left Arabic, done properly.

From the work — Adasa

RTLBilingualArabic UI

AdasaAdasa website — built by Aseel Mahmoud Alqedra
07

Responsive & Performance

Beautiful on phones, fast everywhere.

From the work — Cosmos

Mobile-firstSpeedCore Web Vitals

CosmosCosmos website — built by Aseel Mahmoud Alqedra
All services

The Difference

Most websites look right on one screen. Mine work on every screen.

Many websites are built for the designer's laptop — then squeezed onto phones at the end. By then the layout, the code and the speed are already fixed.

I build from a solid structure up: semantic markup, reusable components, mobile-first layouts and speed checked before launch — so the site feels right wherever it is opened, in English or Arabic.

How responsive, fast builds work
What many sites shipThe visible layer only. Structure, responsiveness and speed left for later.
What I shipDesign, development, structure, performance and launch — built together, layer by layer.

Process

From idea to website

One connected journey, one developer — from the first conversation to a live link you can share.

Full process

01 / 05

Output — a clear brief

Understand

Every build starts with your goals — what the website must achieve, who it is for and which pages it needs. We agree what success looks like before anything is designed.

  • Goals
  • Audience
  • Pages

Brief · Page list · Examples you like

NextDesign

02 / 05

Output — approved layouts

Design

From your Figma file — or a layout we shape together — every page is planned mobile-first, with one clear action per page. You review real layouts before any code.

  • Figma
  • Layout
  • Components

Figma · Grid · Type scale

NextDevelop

03 / 05

Output — a working site

Develop

Clean, typed, reusable components — React and Next.js for applications, lighter HTML and CSS for simple pages — connected to your data and built mobile-first.

  • React / Next.js
  • Components
  • Responsive build

React · Next.js · Tailwind CSS

NextTest

04 / 05

Output — a passing check

Test

Compared side by side with the design, tested on real phones and browsers. Loading, empty and error states covered, images optimized and speed measured before launch.

  • Real devices
  • Speed
  • Edge cases

Lighthouse · DevTools · Real phones

NextLaunch

05 / 05

Output — a live website

Launch

Deployed to Vercel or GitHub Pages with your domain connected, the code in your GitHub, and a walkthrough — so you genuinely own your website.

  • Deploy
  • Live link
  • Handover

Vercel · GitHub · Domain + SSL

Thenongoing support

Selected Work

Real projects, live and on GitHub

An online store, an Arabic blog, travel and space dashboards, a game and a landing page — different problems, one standard.

View all work

Why Me

I care about the details your users actually feel

A website isn't finished when it looks right in one browser. It has to work on every screen, handle real data gracefully and stay easy to change. That full picture is the job.

4

Years — software engineering

7

Projects built & shipped

Remote

Working remotely — from Egypt

The scope — working with me

  • Design to CodeFigma designs built pixel-accurate.
  • DevelopmentReact, Next.js and TypeScript at the core.
  • ResponsiveEvery screen, from small phones up.
  • Real DataAPIs with loading, empty and error states.
  • Arabic & RTLNative right-to-left layouts, not a mirror hack.
  • PerformanceOptimized images, lean code, Core Web Vitals.
  • Clean HandoverCode on GitHub, deployed live, explained.

Tech Ecosystem

One connected toolchain

Not a logo wall — a workflow. Design decides what gets built, the build turns it into components, and shipping puts it live on a link you can share.

Design

Layouts, components and responsive rules — planned before a line of code.

  • Figma
  • Responsive Design
  • Mobile-First
  • RTL / Arabic Layouts
  • UI Components
  • CSS Architecture
  • Accessibility Basics

Build

The code — React and Next.js at the core, TypeScript and Tailwind around them.

  • React
  • Next.jscore
  • TypeScript
  • JavaScript (ES6+)
  • HTML5
  • CSS3
  • Tailwind CSS
  • Bootstrap
  • React Router
  • Context API
  • NextAuth
  • React Hook Form
  • Zod
  • shadcn/ui
  • REST APIs

Ship

Version control, builds and deployment — how the work goes live and stays safe.

  • Git
  • GitHub
  • Vercel
  • GitHub Pages
  • Vite
  • npm
  • Postman
  • ESLint
  • LocalStorage

Search-Ready Builds

Your website shouldn't just exist. People should be able to find it.

Search engines read the code before anyone reads the page. Semantic HTML, clean URLs, proper metadata and fast pages are front-end work — so I build them in from the start instead of leaving them for later.

In every build

Semantic HTML
Meta Tags
Clean URLs
Structured Data
Share Previews
Image Alt Text
Core Web Vitals
Bilingual Tags
Business & portfolio websites
A search result
front-end developer react next.js
01rich result eligible

aseel-alqedra.vercel.app › services › react-nextjs

React & Next.js Development — AseelDev

aseel-alqedra.vercel.app › services › react-nextjs-development

Oct 2026 — Web applications built with React, Next.js and TypeScript — reusable components, real data from APIs and responsive interfaces that feel fast.

E-Commerce Front-EndCatalogue, cart and checkoutArabic & English WebsitesProper right-to-left layoutsSelected WorkSeven projects, live and on GitHubResponsive & PerformanceEvery screen, measured speed
02same query · page built without the structure

example.site › index.php?page_id=482&cat=7

Home | Site

Welcome to our website. We are a company that provides services to customers. Contact us today to find out more about what we can do for you and…

  • no structured data — nothing for a rich result to draw
  • no meta description — the engine writes the snippet for you
  • query-string URL — no words in the path to read
  • one generic title — repeated on every page of the site
clean URL
title tag
schema.org markup
meta description
internal links

Performance

Fast websites win

Speed is a first impression, a conversion factor and a ranking signal — all at once. I treat Google’s Core Web Vitals as a build requirement, not an afterthought.

Core Web VitalsGoogle's thresholds · the standard I build to
0100
targetbuild standard
  • pre-rendered HTML · every page built ahead of time
  • no render-blocking JavaScript
  • self-hosted fonts · zero layout shift
  • webp images · dimensions reserved

Largest Contentful Paint

good: under 2.5s

How fast your main content appears. Optimized images, clean markup and smart loading order keep it low.

Interaction to Next Paint

good: under 200ms

How fast the site responds when people tap and click. Efficient code and minimal JavaScript keep it instant.

Cumulative Layout Shift

good: under 0.1

How stable the page is while loading. Reserved space and disciplined layout mean nothing jumps around.

Two Readers

Search is changing

People increasingly get answers from AI-powered search and assistants. A website now has two readers: the person looking at the page, and the machine deciding whether to recommend it.

The part a front-end developer controls is the structure: semantic HTML, clear headings, language tags and structured data. No guaranteed rankings — just a site machines can read as clearly as people do.

Semantic HTMLStructured DatahreflangAccessibilityOpen Graph
An AI assistantillustration

“who can build my website in arabic and english?”

What people seethe designed page

What machines readthe same page, as structure

  • h1one clear entity — who, what, where
    <h1>Aseel Mahmoud Alqedra — Front-End Developer</h1>
  • ld+jsonstructured data a machine can parse without guessing
    {
      "@type": "Person",
      "jobTitle": "Front-End Developer",
      "address": "Gaza, Palestine"
    }
  • hreflangeach language version, labelled for search
    <link hreflang="en" href="/" />
    <link hreflang="ar" href="/ar/" />

Choose a developer who builds the structure in from day one — semantic HTML, clear headings, language tags and fast pages. Machines can only recommend what they can actually read.

sourceaseel-alqedra.vercel.app

Shows the mechanics — not a live answer

Read more about Arabic & English websites

About

Software engineering and real projects, side by side

I'm Aseel Mahmoud Alqedra — a final-year Software Engineering student and front-end developer from Gaza, Palestine, working remotely from Egypt. React & Next.js are my core tools. University gave me the engineering foundations; building real projects taught me to ship.

More about me
  1. Dec 2024 — Sep 2026

    Training & Certificates

    Cisco Networking Academy · The Educational Gate

  2. Sep 2022 — Present

    Current

    B.Sc. Software Engineering

    Palestine University

Next Step

Have an idea worth building?

Let's turn it into an interface people remember — fast, responsive and built to last.

Usually replies within a day · Gaza, Palestine · working remotely worldwide

View my work