Hello, I'mAli Altayar

Information TechnologyEngineer& Front-End Developer

I craft high-performance digital experiences that bridge the gap between elegant design and robust engineering. Specializing in scalable web applications, cloud architecture, and AI-powered solutions.

Tech Stack

Technologies I use to bring ideas to life

Front-End
React.js
Next.js
TypeScript
JavaScript
Tailwind CSS
Redux
HTML5
CSS3
Bootstrap
Framer Motion
Responsive Design
UI/UX Design
Web Performance
React.js
Next.js
TypeScript
JavaScript
Tailwind CSS
Redux
HTML5
CSS3
Bootstrap
Framer Motion
Responsive Design
UI/UX Design
Web Performance
Have Knowledge in Back-End
Node.js
REST APIs
Supabase
MongoDB
OOP
Full-Stack Development
Authentication
Database Design
Server-Side Rendering
Node.js
REST APIs
Supabase
MongoDB
OOP
Full-Stack Development
Authentication
Database Design
Server-Side Rendering
Cloud & Infrastructure
AWS EC2
AWS Auto Scaling
AWS Load Balancing
Amazon S3
VPS Hosting
Vercel
PM2
Cloud Infrastructure
Cloud Computing
Linux
Pop!_OS
AWS EC2
AWS Auto Scaling
AWS Load Balancing
Amazon S3
VPS Hosting
Vercel
PM2
Cloud Infrastructure
Cloud Computing
Linux
Pop!_OS
Tools & AI
Git
GitHub
Jest
Vercel v0
Agentic AI
AI Agents
RAG
Prompt Engineering
OpenAI Ecosystem
Anthropic Claude
Google Gemini
Microsoft Copilot
Git
GitHub
Jest
Vercel v0
Agentic AI
AI Agents
RAG
Prompt Engineering
OpenAI Ecosystem
Anthropic Claude
Google Gemini
Microsoft Copilot

Featured Projects

Selected work that showcases craft and impact

Khair Jalees — Library Management System 1
Full-Stack • AI-Powered

Khair Jalees — Library Management System

Full-Stack Next.js 15 Application

A comprehensive full-stack Library Management System built with Next.js 15 and React 19. Covers the complete book borrowing lifecycle — browsing, borrowing, favoriting, reservations and waitlists for unavailable titles, return requests, and a 5-star rating system. Features a personalized recommendation engine that suggests books based on each user's reading history, and an AI-powered literary chatbot (Gemini 2.5 Flash) that fetches the live library catalog on every request and recommends only books actually in stock. The platform includes a dedicated Admin Dashboard with 9 management modules spanning books, users, borrows, reservations, categories, authors, activity logs, and data export. Built RTL-first with full Arabic support, Framer Motion animations, and Recharts data visualizations.

Next.js 15React 19Tailwind CSSPythonDjangoFramer MotionRechartsGemini AI
Arabic Accounting & Inventory System 1
Dashboard • Accounting

Arabic Accounting & Inventory System

Business Management Dashboard

A streamlined accounting and inventory management system purpose-built for small to medium businesses. Handles sales, purchases, stock tracking, and core financial management through a clean Arabic-first interface designed for non-technical users — reducing the learning curve and boosting operational efficiency.

Next.jsTailwind CSSRadix UISupabase
The Hook — Restaurant Menu 1
Web App • Restaurant

The Hook — Restaurant Menu

Arabic-First Digital Menu

A full-featured Arabic-first restaurant menu web application built with Next.js. Supports a shopping cart system, dual-currency pricing (new & old Syrian Pound), live order bill summary, immersive image carousels, pinch-to-zoom dish photography, size variants, customer item notes, and smart category-based filtering — delivering a seamless digital dining experience.

Next.jsTailwind CSSshadcn/uireact-zoom-pan-pinch
Elite Auto Garage 1
Portfolio • Business

Elite Auto Garage

Professional Portfolio Website

A polished portfolio website for a professional car garage, showcasing the full range of automotive services, transparent pricing packages, and an elegant visual identity. Built to attract and convert customers through a modern, high-performance web presence.

Next.jsTailwind CSS
Brew & Bean Coffee Shop
Portfolio • Branding

Brew & Bean Coffee Shop

Specialty Coffee Portfolio

A visually rich portfolio website for a specialty coffee shop, featuring the brand story, signature menu highlights, ambiance showcase, and contact details — all within a warm, inviting design that reflects the café's unique character and draws in coffee enthusiasts.

Next.jsTailwind CSS
VocabTracker 1
Web App • Education

VocabTracker

English Vocabulary Learning App

A focused English vocabulary learning and tracking web application. Users can add, categorize, and review vocabulary entries with built-in spaced repetition and quick-recap sessions — making it effortless to expand and retain an ever-growing English lexicon.

Next.jsTailwind CSS
Online Plant Shop
E-Commerce • React

Online Plant Shop

Interactive E-Commerce Experience

An interactive e-commerce plant shop built with React, featuring a secure authentication system, dark/light mode toggle, and multilingual support (Arabic & English). The application delivers a seamless shopping experience with product browsing, cart management, and a polished UI — combining modern front-end practices with an accessible, user-friendly design.

ReactCSS
Dashboard Template
Template • Dashboard

Dashboard Template

Multi-Page Admin Panel

A comprehensive multi-page dashboard template crafted with HTML, pure CSS, and Bootstrap 5. Features a clean, professional layout with responsive data tables, sidebar navigation, analytics cards, and chart-ready sections — designed to serve as a production-ready starting point for admin panels and data management interfaces.

HTMLCSSBootstrap 5
Prayers Time
Web App • Utility

Prayers Time

Real-Time Prayer Companion

A real-time Islamic prayer times web application built with React and pure CSS. Features intelligent location-based filtering by country and city, live display of the current and next prayer, and a dynamic countdown timer showing the remaining time until the next prayer — providing an accurate, always-up-to-date spiritual companion.

ReactCSS
Animated Portfolio Template
Template • Animation

Animated Portfolio Template

Pure CSS Showcase

A meticulously crafted HTML and CSS template showcasing beautiful, fluid animations and smooth transitions throughout. Features a clean, minimal layout with responsive design, attention-grabbing hover effects, and scroll-triggered animations — demonstrating strong command of core web technologies and advanced CSS animation techniques.

HTMLCSS

Experience

My professional journey

2024 — 2025

Front-End Developer

Mad Solution

Leading front-end development for enterprise-grade web applications. Building responsive, performant UIs with React and Next.js, collaborating with cross-functional teams to deliver pixel-perfect designs and seamless user experiences.

2022 — Present

Freelance Full-Stack Developer

Self-Employed

Delivering end-to-end web solutions for diverse clients. From concept to deployment — building custom web applications, SaaS platforms, and API integrations using modern tech stacks and cloud infrastructure.

Let's Build Something Together

Have a project in mind or want to collaborate? I'd love to hear from you.

Prefer a direct message?

Feel free to reach out directly via email or connect with me on social media. I typically respond within 24 hours.