Billal Benzazoua

Frontend Engineer

I build accessible, pixel-perfect digital experiences for the web.

About

I'm a Frontend Engineer focused on building thoughtful, accessible, and maintainable web applications with React and TypeScript. I care about the details—from intuitive interfaces and responsive design to clean architecture, reusable components, and reliable code.

Currently, I work as a Frontend Engineer at DataMasterDZ, where I contribute to a modern ERP system that streamlines business operations. My work involves building reusable interfaces, improving frontend architecture, migrating legacy JavaScript to TypeScript, and raising code quality through reviews and testing.

Outside of work, I build full-stack products that push me to explore new technologies and think beyond the frontend. These projects have given me hands-on experience with authentication, role-based access control, payments, real-time features, APIs, databases, and AI integrations.

I'm always learning, experimenting, and looking for better ways to build software that is both enjoyable to use and well-engineered.

Experience

  • October 2024 - Present

    DataMasterDZ

    Frontend Engineer on a modern ERP system.

    • Unified multiple independently developed ERP frontends into a single codebase with a shared, feature-based architecture, reducing duplication and improving consistency across modules.
    • Initiated and led the migration of 8 ERP modules from JavaScript to TypeScript, improving type safety and maintainability.
    • Built a reusable component system and shared frontend patterns for consistent, low-duplication feature development.
    • Introduced code reviews plus unit and end-to-end testing, strengthening quality, maintainability, and regression confidence.

    DataMasterDZ

    Frontend Engineer on DataMasterDZ's modern ERP platform. I build and maintain the interfaces that power day-to-day business operations, collaborating with designers and backend engineers to ship features across multiple ERP modules.

    Responsibilities

    • Partner with UI/UX designers to translate Figma designs into functional, visually polished interfaces.
    • Build responsive, accessible UIs with React, Tailwind CSS, MUI, and Ant Design.
    • Integrate the frontend with backend APIs for efficient, seamless data flow.
    • Implement new features that improve the user experience and meet client and business requirements.
    • Refactor and optimize existing code for performance, maintainability, and scalability.
    • Diagnose and resolve bugs across the platform.

    Key Achievements

    • Consolidated multiple independently developed ERP frontend applications into a single codebase with a shared, feature-based architecture, reducing duplication and improving consistency across modules.
    • Initiated and led the migration of 8 ERP modules from JavaScript to TypeScript, introducing stronger type safety and more maintainable patterns.
    • Designed a reusable component system and shared frontend patterns for consistent UI behavior and less duplication across modules.
    • Introduced code reviews plus unit and end-to-end testing practices, strengthening code quality, maintainability, and regression confidence.

    Tech Stack

    • React
    • TypeScript
    • JavaScript
    • Tailwind CSS
    • MUI
    • Ant Design
    • Figma
    • REST APIs
    • Unit Testing
    • E2E Testing
  • June 2024

    Intern2Grow

    Completed a virtual internship across UI, JavaScript, and React tracks, taking on real tasks from design to delivery.

    • UI: Converted Figma designs into responsive pages, including a login screen and a portfolio page.
    • JavaScript: Fixed bugs and implemented new features, including debounced search, clipboard copy, and localStorage auto-save.
    • React: Built new features such as social share buttons and a custom useLocalStorage hook.

    Intern2Grow

    A virtual frontend internship spanning three tracks — UI, JavaScript, and React — where I completed real tasks, from turning Figma designs into responsive pages to building interactive features.

    UI Developer

    • Converted Figma designs into responsive web pages.
    • Built a login screen and a simple portfolio page.

    JavaScript Frontend Developer

    • Fixed frontend bugs and implemented new features to improve interaction.
    • Implemented debounce for the search input.
    • Generated alerts with SweetAlert.js.
    • Added clipboard copy functionality to code samples.
    • Implemented auto-save and auto-load with localStorage.

    React.js Developer

    • Added social media share buttons for quotes.
    • Introduced a quantity column for products.
    • Created a custom useLocalStorage hook for markdown content and added a docs tab.

    Tech Stack

    • React
    • JavaScript
    • HTML
    • CSS
    • Figma
    • SweetAlert.js
    • localStorage
View Full Résumé

Skills

  • Git
  • GitHub
  • HTML
  • CSS
  • JavaScript
  • TypeScript
  • React
  • Next.js
  • Figma
  • Bootstrap
  • Tailwind CSS
  • shadcn/ui
  • MUI
  • Express
  • Node.js
  • Vite
  • Ant Design
  • Zustand
  • VS Code

Projects

  • KnowSphere

    A full-stack learning platform for browsing, enrolling in, and completing online courses — with verifiable certificates.

    • React
    • Next.js
    • TypeScript
    • PostgreSQL
    • Node.js

    KnowSphere

    January 2026

    A full-stack learning platform for browsing, enrolling in, and completing online courses — with verifiable certificates.

    • Course catalog with search, filters, and URL-driven state, plus free and Stripe-powered paid enrollment.
    • GitHub OAuth and email OTP sign-in with role-based access separating learners from administrators.
    • Lesson player with progress tracking, quizzes, discussions, reviews, and publicly verifiable certificates.
    • Admin console with analytics, full course and curriculum management, moderation, and an auditable activity log.
    • React
    • Next.js
    • TypeScript
    • PostgreSQL
    • Node.js
    RepositoryLive demo

  • Teamora

    A realtime team chat platform where teams collaborate in channels and threads, with AI-assisted writing and summaries.

    • React
    • TypeScript
    • Node.js
    • WebSockets
    • PostgreSQL

    Teamora

    November 2025

    A realtime team chat platform where teams collaborate in channels and threads, with AI-assisted writing and summaries.

    • Realtime messaging with channels, threads, emoji reactions, and live presence.
    • AI thread summaries and a compose assistant that stream and leave links and code blocks untouched.
    • Fully type-safe, end-to-end API so the frontend and backend stay in sync.
    • Secure authentication, workspace-level access control, tiered rate limiting, and soft-delete with undo.
    • React
    • TypeScript
    • Node.js
    • WebSockets
    • PostgreSQL
    RepositoryLive demo
View all projects