Amr Nour El-Din
Vue.js · System Integration · Production Systems
Builds real-world business systems (SaaS, POS, ERP) with Vue.js frontend and integrated backend APIs. Focus on system-level workflows, hardware integration, and production deployment. Full-stack capable with frontend specialization.
System-Oriented
Frontend + Backend Integration
Hardware & APIs
POS · Printers · AI Services
Production Systems
Live SaaS · POS · ERP Deployments
Technical Expertise
Skills & Technologies
Vue.js-focused engineer with hands-on production experience in SaaS, POS, and ERP systems. Frontend specialist with backend integration capability.
Core Frontend
Vue 3 with Composition API used in all production projects (SaaS, POS, inventory systems).
State & Routing
Client-side routing and state management used across multiple production projects.
Backend Exposure
ASP.NET Core (QuantixPro production), Fastify.js (FlexStock), Laravel (team projects), basic Go exposure.
Data & Tools
PostgreSQL (QuantixPro production), SQLite (local systems), Git, Vite build tooling.
Additional Capabilities
Production Experience
Key Projects
Real-world applications built for production environments with active user bases and complex requirements.
MyAcademy — Multi-Tenant SaaS Platform
FeaturedMulti-tenant SaaS platform for educational management with subdomain-based tenant isolation. System load-tested with 14,000–16,000 records to validate frontend performance at scale.
QuantixPro — Production POS System
Full-stack wholesale POS and business operations system deployed in a live local business environment. Features thermal printer integration and GitHub-based update system for controlled releases.
FlexStock — AI-Enhanced Inventory System
Full-stack inventory and maintenance system with AI-assisted business reporting. Implements dual-provider AI setup (Google AI Studio primary, OpenRouter fallback) for reliability.
Almomayyaz ERP System
Team-developed ERP system for investment and business workflows. Frontend built with vanilla JavaScript, integrated with Laravel backend API.
Optimization at Scale
Performance Experience
Handling large datasets in Vue.js applications with practical UI optimizations for data-heavy interfaces.
The Challenge
MyAcademy platform with approximately 16,000 student records experienced UI responsiveness issues. Table rendering was slow, filtering operations lagged, and user interactions degraded as the dataset grew.
The Solution
Implemented pagination and Vue reactivity patterns to reduce unnecessary rendering. Applied computed properties for filtering and refined state handling to improve UI response times.
Technical Implementation
Pagination
Implemented pagination to reduce the number of rendered elements per page, decreasing initial render cycle load.
Filtering Optimization
Used Vue computed properties for filtering logic to avoid unnecessary recalculations and improve search response times.
Rendering Control
Refined component rendering logic and state handling to reduce unnecessary UI updates when working with large datasets.
Table View Optimization
Improved table rendering approach for data-heavy interfaces, reducing the DOM load per render cycle.
Result: The system handles ~16,000 records with improved UI responsiveness. Pagination reduces initial render load, and filtering operations perform adequately within the large dataset constraints.
System Design
Architecture Experience
Full-stack architecture design for production POS system including backend API, database, deployment, and update infrastructure.
QuantixPro — Production POS System Architecture
System Ownership & Engineering Scope
QuantixPro was built end-to-end by a single engineer, covering all layers from database design to deployment infrastructure.
Backend Design
Designed ASP.NET Core REST API with PostgreSQL schema and Entity Framework Core migrations.
Database Architecture
Built relational schema for inventory, sales, users, and transactions with modular structure.
Frontend Development
Built complete Vue 3 frontend with TailAdmin customization for RTL workflows.
Deployment Infrastructure
Configured LAN-based deployment with cross-platform support (Windows/Linux via 0.0.0.0).
Update System
Engineered GitHub-based update mechanism with versioning (major/minor/patch) and token-based authentication.
Hardware Integration
Integrated thermal printers and barcode scanners directly without external libraries.
Production Context: System deployed and actively used in a real wholesale business environment with multiple employees (Admin, Manager, Employee roles).
Modular Backend
ASP.NET Core backend with modular structure separating API endpoints, business logic, and data access:
- REST API with clear endpoint organization
- Entity Framework Core with auto migrations
- Environment-based configuration (.env)
Self-Hosted Deployment
LAN-based deployment model for local business environment without external hosting:
- Accessible via local network (0.0.0.0)
- Cross-platform support (Windows & Linux)
- Multiple client devices on same network
GitHub Update System
Custom-built update mechanism for controlled production releases:
- Separate production repository for releases
- Semantic versioning (major/minor/patch)
- Token-based secure metadata access
Hardware Integration
Direct hardware communication without external dependencies:
- Thermal printer ESC/P commands
- Image-based printing for Arabic text
- Barcode scanner integration
Career Overview
Professional Experience
Frontend-focused engineer with hands-on production experience in Vue.js systems, full-stack exposure, and real-world client deployments.
Production Systems
Built and deployed production systems: QuantixPro (POS with hardware integration), MyAcademy (multi-tenant SaaS), and FlexStock (inventory with AI features).
Client-Facing
Delivered QuantixPro to a local wholesale business with ongoing usage. Experience gathering requirements, iterating based on real usage, and maintaining deployed systems.
Project-Based Scale
MyAcademy: Tested with ~16,000 student records implementing pagination and computed properties for UI performance. QuantixPro: Full-scale POS with inventory, sales, and user management modules.
Project-Driven Engineering Exposure
MyAcademy
- •Multi-tenant SaaS frontend implementation
- •Large dataset handling (~16,000 records)
- •Role-based UI rendering system
QuantixPro
- •Full-stack POS system (Vue 3 + ASP.NET Core)
- •LAN deployment in production environment
- •Hardware integration (thermal printer, barcode)
FlexStock
- •API-driven inventory system (Fastify.js)
- •AI feature integration (Google AI Studio)
- •Dual-provider AI setup with fallback
Security Awareness
Applied safe data handling practices in production frontend systems. Experience with authentication-based UI security patterns and input validation in real projects:
Let's Connect
Get in Touch
Open to frontend engineering opportunities, collaboration, and technical discussions.
Contact Information
Available for Opportunities
Currently open to frontend engineering roles, freelance projects, and technical collaborations. Remote-first with flexible timezone coverage.
Quick Message
Have a project in mind or want to discuss frontend engineering? Send me a message and I'll get back to you within 24 hours.
Or email directly at amr.suport@hotmail.com