Available for freelance & full-time roles

Frontend developer,
focused on the details.

I build modern, high-performance interfaces with React, Next.js and TypeScript — where clean engineering meets thoughtful UX.

Working stack

ReactNext.jsTypeScriptTailwind CSSshadcn/uiPrismaPostgreSQLNode.jsExpressReactNext.jsTypeScriptTailwind CSSshadcn/uiPrismaPostgreSQLNode.jsExpress
// ABOUT ME

Who I am

I'm Ali Talib, a Frontend Developer who enjoys turning ideas and designs into polished web experiences.

My main focus is building modern interfaces with React, Next.js, and TypeScript, with a strong attention to detail, performance, and user experience.

I also have a growing understanding of backend development, which helps me see the bigger picture when building products — not just the interface, but how everything connects behind it.

Available for HireReact & Next.js FocusSchema to Pixel
NAME
Ali Talib
ROLE
Front-End Developer
LOCATION
Syria / Remote
STACK
React · Next.js · TypeScript · PostgreSQL
APPROACH
UI · UX · Accessibility · Performance
EDUCATION
Web Design and Coding - AÖF
// PROJECTS

Selected work

ENTERPRISE
Unified Civil Records Platform preview

UNIFIED CIVIL RECORDS PLATFORM

Next.js 16TypeScriptPrisma ORM
ENTERPRISEFeatured

Unified Civil Records Platform

Enterprise web platform for digitizing civil registry operations — citizen management, automatic National ID generation, civil events (birth/marriage/divorce/death), RBAC, audit trail, and official PDF issuance with QR codes.

Next.js 16TypeScriptPrisma ORMPostgreSQLBetter Auth
SOCIAL PLATFORM
Alina Social preview

ALINA SOCIAL

React.jsSupabaseTailwind CSS
SOCIAL PLATFORMFeatured

Alina Social

Full-featured real-time social platform with post creation, likes, threaded comments, live notifications, friend/follow system, direct messaging, and Supabase Auth (Google OAuth + Email).

React.jsSupabaseTailwind CSSReact QueryZustand
E-COMMERCE
Mini Store preview

MINI STORE

React.jsStrapi CMSTailwind CSS
E-COMMERCEFeatured

Mini Store

Full-stack e-commerce platform with product catalogue, multi-parameter filtering, CRUD admin panel, cart, checkout flow, user profiles with address book, and real-time order status tracking.

React.jsStrapi CMSTailwind CSSReact QueryRedux
// TOOLKIT

My toolkit

Every tool here has been used in production — not just tutorials.

01
FRONT-END ARCHITECTURE

React.js

HooksContext APIRedux ToolkitZustandTanStack QueryArchitecture
02
FULL-STACK FRAMEWORK

Next.js

App RouterSSRISRSSGAPI RoutesServer ActionsMiddleware
TS
03
TYPE-SAFE ENGINE

TypeScript

GenericsInterfacesType GuardsStrict ModeUtility Types
04
UI & ANIMATION

Styling & Motion

Tailwind CSSCSS ModulesAnt DesignChakra UIFramer Motion
05
DATABASE & SECURITY

Auth & Backend

Node.JSExpress.JSPostgreSQLSupabaseOAuth 2.0RBACREST API
06
OPTIMIZATION & WEBVITALS

Performance & Web Vitals

Code SplittingLazy LoadingBundle OptimizationImage OptimizationCaching
// WHAT I BRING

Built for production.

Fully Responsive

Every layout adapts fluidly across desktop, tablet, and mobile — pixel-perfect at every breakpoint.

98
score
Core Web Vitals

Performance-First

Code splitting, lazy loading, and bundle optimisation — optimized for sub-second page loads.

const useAuth = () => {
const [user, setUser] = useState()
const token = useToken()
useEffect(() => {)
verify(token).then(setUser)
}, [token])
return { user, signOut }
}

Clean Architecture

TypeScript-first, component-driven code that's easy to read, maintain, and scale across teams.

// GET IN TOUCH

Let's work together.

Have a project in mind? I'd love to hear about it. Reach out through any of the channels below.