Ramez Anton

Fullstack
3years in Frontend
6/10Responsive & Cross-browser
5projects
3repositories checked by code analysis

Overview

UI-focused frontend developer at a Middle level specializing in polished, responsive HTML and CSS with strong visual design and component-level CSS patterns. Their strongest proven skill is crafting production-grade responsive UI and design tokens, as demonstrated by Clarity/css/style.css. There is little evidence of modern JS framework integration, client-side state management, automated tests or backend/API work in the public files.
Phone

Timeline

Odoo Developer · Middle
i Solutions Technology · Full-Time
Jan 2023 to Jan 2026 3 Years Alexandria In office
Developed custom Odoo modules from scratch and extended existing modules for Sales, Accounting, and Inventory/Stock workflows. Implemented module migration across Odoo 16–20, adapting code, views, and business logic to version differences. Built REST API integrations and debugged functional/technical issues across Odoo models, views, and integrations. Deployed and maintained Odoo environments using Docker on Ubuntu/Linux and Odoo.sh, including troubleshooting container and runtime configuration.
Python
JavaScript
TypeScript
Node JS
Next.js
PostgreSQL
SQL
Rest API
Docker
Linux
Ubuntu
AWS
Git
GitHub
Web Developer · Middle
ZTCGame.com · Full-Time
In office
Built a gaming content portal for news, reviews, guides, and release tracking. Implemented mod distribution for PES/eFootball including assets such as facepacks and player updates. Added a browser games index to improve discovery and navigation of game content.
Web Developer · Middle
Waslni.com · Full-Time
In office
Developed ride booking and delivery functionality with upfront pricing and real-time GPS tracking. Implemented courier/parcels delivery and on-demand ordering for multiple verticals such as restaurants, pharmacies, and grocery stores. Worked on driver onboarding and operational features including earnings tracking, payout options, and payment handling.
Web Developer · Middle
Kozbra.com · Full-Time
In office
Built and configured an e-commerce store solution with automated setup, subdomains, and custom domain linking. Implemented integrations for payments, delivery/shipping, and related operational features, including SEO and marketing tools. Supported store functionality such as themes, inventory/order management, affiliates, coupons, and recovery flows for abandoned carts.

Projects

Community Edition Report Viewer
Built a custom viewer for Odoo Community Edition to display reports not available natively. Implemented an improved viewing interface with filtering to make report access and analysis easier. Focused on usability for retrieving and working with community edition report outputs.
AlTaleb POS & Commission Customization
Extended Odoo POS to support designer assignment at both order level and order-line level. Connected designer assignments to commission workflows and calculations. Delivered commission-related reports reflecting those POS assignment rules and related operational logic.
Education Management System
Developed an education management system in Odoo covering students, classes, sections, attendance, grades, exams, and student promotion. Implemented academic workflows and supporting educational records for daily school/institute operations. Focused on data structure and operational processes needed to manage learning activities end to end.
Omni Message Center
Created a multi-channel messaging platform inside Odoo that connects Facebook Messenger, WhatsApp, Telegram, and Instagram. Implemented unified conversation management and channel-specific handling within customer workflows. Added Facebook post and comment management plus scheduling, and Instagram content management directly from Odoo.
Odoo SaaS Provisioning Platform
Built a custom SaaS provisioning platform to create isolated Docker-based Odoo instances for customers. Implemented automatic provisioning of customer/demo environments and workflows for customer environment management. Added SaaS package management and pricing/subscription workflows, including payment-related functionality for those isolated instances.

Technical skills

Languages
5
JavaScript
TypeScript
Python
SQL
Node JS
DevOps
9
AWS
GitHub
Docker
Git
Linux
Rest API
Ubuntu
Azure
GCP
Frontend
4
Next.js
React.js
Tailwind CSS
Bootstrap
Other
4
PostgreSQL
Vite
PostCSS
Debian
Junior Frontend Developer Confidence: Medium UI Engineer
UI-focused frontend developer at a Middle level specializing in polished, responsive HTML and CSS with strong visual design and component-level CSS patterns. Their strongest proven skill is crafting production-grade responsive UI and design tokens, as demonstrated by Clarity/css/style.css. There is little evidence of modern JS framework integration, client-side state management, automated tests or backend/API work in the public files.
UI Component Architecture
3/10
How interface parts are built
Component design is present as structured, reusable CSS patterns and design tokens, but there is no component framework, props/composition system, or JS-driven component architecture.
Evidence
Clarity/css/style.css: root design tokens and reusable component classes (service-card, tech-card, hero-visual)
mudabbir/styles/styles.css: dashboard grid components and encapsulated widget styles
EliteHomes/css/style.css: reusable utility classes and mega-menu patterns
Responsive & Cross-browser
6/10
Works on all screens and browsers
Responsive layout and cross-breakpoint behavior are implemented with CSS grid, media queries and Bootstrap; there is explicit RTL support in the Arabic dashboard.
Evidence
mudabbir/styles/responsive.css: breakpoint rules and mobile sidebar interactions
Clarity/index.html: use of Bootstrap responsive classes and scroll-margin-top for anchored sections
EliteHomes/css/style.css: full-width mega-menu and media query rules for desktop vs mobile
Performance Optimization
3/10
Speed of the interface
Basic performance-aware choices exist (webp images, font preload/preconnect, font-display swap), but there is no measured optimization, bundle strategy, code-splitting or tooling evidence.
Evidence
mudabbir/index.html: preconnect links for Google Fonts and use of webfonts with font-display in styles
Clarity/index.html: hero image delivered as .webp
mudabbir/styles/styles.css: font-face declarations with font-display: swap
Accessibility & Semantics
4/10
Usable for everyone
Accessible semantics are considered in places (lang/dir attributes, ARIA on interactive controls, alt text and form validation feedback), but there is no sign of systematic a11y testing or custom ARIA management for complex widgets.
Evidence
mudabbir/index.html: lang="ar" and dir="rtl" plus aria-label on mobile menu controls
Clarity/index.html: aria-controls/aria-expanded on navbar toggler, meaningful alt attributes on images and form invalid-feedback
EliteHomes/index.html: carousel controls with visually-hidden labels and aria attributes
State Management & Data Flow
1/10
Managing data in the app
Almost no client-side state or server-state discipline is present; only simple form validity checks are implemented and there is no evidence of async state handling, cancellation, optimistic updates or state machines.
Evidence
Clarity/index.html: small inline script using form.checkValidity() to add Bootstrap validation classes and prevent submission
UX & Visual Polish
6/10
Look and feel quality
High visual polish and UX-focused CSS are evident across multiple pages - animations, hover transitions, responsive cards and polished dashboards boost perceived quality, though edge states and progressive UX patterns are minimal.
Evidence
Clarity/css/style.css: animations (animate-fade-in-up), hero visuals, and service-card hover transitions
EliteHomes/css/style.css: hero gradients, card interactions and carousel styling
mudabbir/styles/styles.css: dashboard widgets, card-flip interaction and well-crafted progress bars
Expertise
HTML & CSS· Junior
Industries
Financial Services· Junior
Real Estate· Junior
Technologies
JavaScript· since 2023 · Middle
TypeScript· since 2023 · Middle
Node JS· since 2023 · Middle
GCP
Tailwind CSS
Next.js· since 2023
Debian
Azure
Bootstrap
Git· since 2023
AWS· since 2023
Docker· since 2023
Ubuntu· since 2023
React.js
Vite
PostCSS
GitHub· since 2023
Linux· since 2023
Recommendations
  • Design and implement responsive marketing sites and landing pages using the existing CSS design tokens and component patterns.
  • Build a lightweight component library (HTML/CSS + small JS) that formalizes the reusable cards, tabs and mega-menu patterns into documented components.
  • Convert the polished static pages into component-driven pages in a framework (e.g., Next.js or similar) and add structured state for forms and interactions.
  • Develop RTL-first dashboard interfaces and accessible widget patterns, and add automated a11y checks to CI.
Repositories
The developer's experience in this domain has been verified based on AI analysis of the following repositories:

Job preferences

Work permits
Egypt
Open to AI agents: they read this profile and start a dialog through Alionalion.io/@ramez-anton/mcp
Alion · People, companies and AI agents in one graphalion.io/@ramez-anton