Frontend
Building scalable, performant web applications with React, TypeScript & Node.js
About Me
Frontend Developer Focused on Clean, Scalable UI
I build responsive, modern web interfaces with React, TypeScript, and component-based architecture. My focus is on creating user-friendly experiences that are performant, maintainable, and ready to grow with real products.
I enjoy translating ideas into polished interfaces, improving usability, and writing code that other developers can understand and extend. I am continuously strengthening my skills in modern frontend development, testing, and full product thinking.
Fast Learner & Adaptable
Comfortable learning new tools quickly and applying them to real projects with a practical mindset.
Clean, Maintainable Code
I value readable structure, reusable components, and code that stays easy to maintain as a project grows.
Collaborative Mindset
Comfortable working with designers, developers, and stakeholders to turn requirements into usable interfaces.
Problem Solving
I enjoy breaking down complex UI challenges and turning them into simple, effective solutions.
Currently seeking frontend developer opportunities where I can contribute to meaningful products, keep learning, and grow within a strong team environment.
Let's ConnectCore Technologies
Development Tools
Currently Learning
Professional Experience
Frontend Developer | Shopify & E-commerce
Oz Tech- Built and updated storefront UI components, product layouts, and responsive pages for e-commerce experiences.
- Worked on frontend improvements focused on usability, layout consistency, and smoother customer journeys across desktop and mobile.
- Troubleshot technical issues affecting storefront behavior, theme functionality, and overall user experience.
Web Developer
Freelance Projects- Translated design ideas and project requirements into functional, accessible web pages and interactive user interfaces.
- Built responsive websites with clean layouts, component-based structure, and attention to performance and cross-browser compatibility.
- Worked iteratively on UI improvements based on project goals, usability needs, and visual polish.
Real-World Projects
From e-commerce platforms to analytics dashboards — built with modern technologies and best practices
A modern operations dashboard for e-commerce teams to monitor sales, orders, conversion, inventory alerts, and channel performance in one place.
🚀 Technical Challenge
Designing a dashboard that surfaces the most important e-commerce KPIs in a clear and scalable way, while keeping the interface fast, readable, and easy to extend.
💡 My Solution
Built a modular React + TypeScript dashboard with reusable KPI cards, chart components, inventory alerts, channel breakdowns, and recent order tables using a clean component structure and realistic operational data.
📈 Key Results
- Created a recruiter-friendly real-world product dashboard project
- Structured the UI around realistic e-commerce KPIs and workflows
- Built reusable, typed components for easier scaling and maintenance
- Delivered a responsive interface optimized for readability and fast interaction
🛠️ Technology Stack
A real-time analytics SaaS dashboard with data visualization, metrics tracking, and interactive charts for business intelligence.
🚀 Technical Challenge
Creating an intuitive analytics dashboard that presents complex data in an easily digestible format with real-time updates and interactive visualizations.
💡 My Solution
Built with React and TypeScript for type safety, integrated Chart.js for data visualization, implemented responsive grid layouts, and created mock API endpoints for realistic data display.
📈 Key Results
- TypeScript implementation for better code quality
- Interactive charts with smooth animations
- Clean, professional UI design
- Fully responsive dashboard layout
🛠️ Technology Stack
A modern, responsive e-commerce platform with shopping cart, user authentication, and product management features.
🚀 Technical Challenge
Building a fully functional e-commerce platform with cart management, product filtering, and responsive design while maintaining clean code architecture and optimal performance.
💡 My Solution
Implemented React with Context API for state management, created reusable components for products and cart, added search and filter functionality, and ensured mobile-first responsive design with modern CSS practices.
📈 Key Results
- Successfully deployed with 100% functionality
- Responsive across all device sizes
- Clean component architecture for easy maintenance
- Optimized images and lazy loading for performance
🛠️ Technology Stack
Want to see more?
Check out my GitHub for additional projects, contributions, and code samples.
Visit My GitHubTechnical Expertise
Frontend Technologies
Development Tools
Core Concepts
Get In Touch
Phone
+1 (438) 796-5224
aelballal@yahoo.fr
Location
Montreal, Canada
Open to remote opportunitiesResponse Time
Within 24 hours
Usually faster