• Portfolio
  • My Portfolio

    Milad Attrache

    Senior Full-Stack Developer | PHP/Laravel SaaS Specialist

    github.com/gecleanme | linkedin.com/in/emin2pac/


    Production Projects

    #Arabius Language Learning Platform

    June 2022 – Present | Arabius (EdTech SaaS)

    #Project Overview

    Full-scale online language learning SaaS platform built from scratch, featuring interactive modules, real-time communication tools, and scalable digital learning experiences for students and instructors.

    #Key Achievements

    • Platform serves the US embassy abroad as a B2B Client
    • 40% increase in user engagement through UX/UI optimization
    • 25% performance improvement via code optimization and database architecture enhancements
    • Successfully scaled to handle 10,000+ concurrent users
    • Processed hundreds of thousands of dollars in transactions via Stripe/PayFort integration

    #Technology Stack

    Laravel Vue.js Inertia.js Node.js Tailwind CSS MySQL AWS Stripe API

    #Key Features Developed

    • Interactive live video lessons with real-time communication
    • Lesson scheduling and calendar management system
    • Progress tracking dashboards for students and instructors
    • Multi-language support and localization
    • Financial reporting and analytics
    • Staff and user management with role-based permissions

    #Screenshots:

    Landing

    Student Progress Tracking

    Live Video Sessions

    #Live Project

    View Platform (Sign Up Required)


    #Karajkom Buy & Sell Platform

    November 2018 – June 2022 | Tamincom Insurance Brokerage

    #Project Overview

    Full-featured marketplace platform for used car sales, connecting buyers and sellers with advanced search capabilities, quality scoring, and integrated payment processing.

    #Key Achievements

    • Leading platform in its category in the country where it's based
    • 40% increase in user engagement
    • 60% performance improvement through optimization
    • Implemented video ad functionality for enhanced listings
    • Built custom quality scoring algorithm for ad ranking

    #Technology Stack

    Custom MVC PHP Framework jQuery Bootstrap MySQL Stripe AWS

    #Key Features Developed

    • Video advertisements for vehicle listings
    • Ad quality scoring system with automated ranking
    • Multilingual support (Arabic/English)
    • RESTful API for mobile app integration
    • Financial reporting and transaction management
    • Staff and user management system
    • Advanced search and filtering capabilities

    #Screenshots:

    Landing

    Advanced Search/Filtering

    Single Post

    #Live Project

    View Platform


    #AIS CRC Management System

    April 2025 – June 2025 (Sub contracting) | AIS Construction Rentals, Michigan

    #Project Overview

    Construction Rentals Management SaaS to track and record work orders, communicate with customers & manage inventory.

    #Key Achievements

    • Implemented 3 new modules: Inbound Email work order ingestion, Queue-based database importing module to import data from v2 to v3, SSO Integration
    • 35% performance improvement after refactoring existing codebase

    #Technology Stack

    Laravel Livewire Node.js Tailwind CSS MySQL

    #Screenshots:

    Email ingested WOs


    Notable Side Projects

    #LaraSaaS - Laravel SaaS Starter Kit

    #Project Overview

    A complete Laravel SaaS starter kit with 50+ organic, reusable Vue.js UI components, Stripe billing & subscription management.

    #Features

    #Core Features

    • User Authentication: Complete authentication system with Laravel Breeze
    • Stripe Integration: Full billing management with Laravel Cashier
    • Subscription Management: Handle subscriptions, invoices, and payment methods
    • Vue.js Frontend: Modern reactive frontend with Inertia.js
    • Responsive Design: Mobile-first responsive design with Tailwind CSS
    • Subscription Portal: Complete customer portal for managing subscriptions
    • Invoice Downloads: PDF invoice generation and downloads
    • Webhook Handling: Automated Stripe webhook processing

    #Framework UI Components

    Form Components

    • TextField: Advanced input field with validation, error handling, prefix/suffix support
    • CheckBox: Feature-rich checkbox with error states and custom styling
    • SelectBox: Dropdown selects, combo boxes, and autocomplete components
    • NumberField: Numeric inputs with validation and min/max constraints
    • DatePicker/TimePicker: Date and time selection components
    • TextArea: Multi-line text input with character counting
    • PasswordField: Secure password input with toggle visibility

    Button Components

    • PrimaryButton: Customizable buttons with loading states, colors, and variants
    • ActionButtons: Pre-styled buttons for common actions (Create, Edit, Delete, Close)
    • ButtonGroup: Grouped button layouts

    UI Components

    • ModalDialog: Flexible modal dialogs with custom content slots
    • DataTable: Advanced data tables with sorting, pagination, and filtering
    • TabBar: Tab navigation with sub-tabs support
    • Stepper: Step-by-step process indicators
    • ProgressInput: Progress bars and input sliders
    • Pill: Status indicators and labels

    Utility Components

    • MaterialIcon: Material Design icon system
    • LoadingSpinner: Various loading indicators
    • SnackBar: Toast notifications
    • ToolTip: Contextual help tooltips
    • Skeleton: Loading skeleton screens

    #Component Demo

    Visit /component-demo (when logged in) to see all available components in action with interactive examples.

    #Tech Stack

    • Backend: Laravel 12, PHP 8.2+
    • Frontend: Vue.js 3, Inertia.js, Tailwind CSS
    • Database: MySQL/PostgreSQL/SQLite
    • Payments: Stripe with Laravel Cashier 15.7+
    • Icons: Material Design Icons, Hero Icons
    • Testing: Pest
    • PDF Generation: DomPDF for invoice generation

    #Live Project

    Starter kit Demo


    Type Zen

    #Project Overview

    A typing speed test game built with Vue 3, featuring dynamic quotes and multiple difficulty levels.

    #Features

    • Real-time typing speed measurement (WPM)
    • Accuracy tracking with error counting
    • Multiple difficulty levels (easy, medium, hard, expert)
    • Dynamic quotes from external API
    • Virtual keyboard support
    • Dark/light theme toggle
    • Local statistics storage
    • Sound effects on completion
    • Responsive design

    #Tech Stack

    • Vue 3 with Composition API
    • Pinia for state management
    • Tailwind CSS for styling
    • Vite for build tooling
    • Axios for API calls
    • VueUse for utilities

    #Live Project

    Type Zen