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
Featured Projects
Selected work that showcases craft and impact

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.

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.

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.

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.

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.
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.

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.

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.

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.

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.
Experience
My professional journey
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.
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.