Aissam Barchil / Front-End Engineer / AI + Web3 + 3D

Engineering interfaces that feel alive.

  • Human taste
  • AI speed
  • Engineering precision

I build scalable, high-quality web experiences with React, Next.js, TypeScript, Tailwind CSS, Three.js, and modern UI systems, from SaaS dashboards to Web3 products and AI-powered interfaces.

View selected workContact me
REACT • NEXT.JS • TYPESCRIPT • THREE.JS • AI INTERFACES • WEB3 • UI/UX DESIGN • SAAS • FRONTEND ARCHITECTURE • Systems • Motion • Product •
REACT • NEXT.JS • TYPESCRIPT • THREE.JS • AI INTERFACES • WEB3 • UI/UX DESIGN • SAAS • FRONTEND ARCHITECTURE • Systems • Motion • Product •

Selected Work

Projects shaped through code, design, and systems.

A selection of SaaS, Web3, AI, and 3D experiences built from concept to polished interface. Each card is a system signal: product UX, technical execution, and visual direction.

View all work
AndalaSaaS / AI Product
Case / 01

AI Social Media Platform

Designed and developed an AI-powered social media platform across mobile and web, translating Figma designs into responsive interfaces for AI-driven content creation.

ReactUI DesignAI IntegrationReact Native
10kAWeb3 / 3D Experience
Case / 02

3D Digital Fashion Platform

Built an interactive 3D digital fashion platform using Three.js and React Three Fiber, enabling users to customize avatars, style digital garments, and mint them as dynamic NFTs on Ethereum.

Three.jsReact Three FiberEthers.jsNFTs
CodiaSaaS / Product Interface
Case / 03

Green Energy Management System

Developed a SaaS renewable-energy purchasing flow that helps users compare options against household criteria and complete digitized contract steps. The accessible UX makes a complex energy decision easier to follow.

Next.jsUX FlowSaaSAccessibility
CodiaAI SaaS / Voice Automation
Case / 04

Bot Voice AI SaaS

Designed the UI/UX for a cloud-based AI voice assistant SaaS that automates calls, appointment bookings, and customer-support requests for small businesses. The interface makes voice-automation workflows clear and approachable.

AISaaSUI/UXAutomation
TRIBEWeb3 / Token Platform
Case / 05

TRIBEX Launchpad

Developed TRIBEX, a Binance Smart Chain (BSC) memecoin and token-launchpad platform with tokenomics information, private-sale flows, and wallet interactions. The Web3 interface uses Web3.js and Ethers.js to support launch journeys.

Web3.jsEthers.jsBSCBlockchain
NEETWeb3 / DeFi / Launchpad
Case / 06

Decentralized Web3 Platform

Designed and developed a Web3 and DeFi ecosystem spanning a memecoin launchpad, raffle application, and decentralized exchange (DEX). Created UX flows for smart-contract-driven products across the platform.

Web3DeFiUXSmart Contracts
SeenizeSaaS / Image SEO
Case / 07

Seenize Image SEO Platform

Developed Seenize, an image SEO optimization platform that helps e-commerce sellers rank on Google and AI search with bulk metadata tools, free SEO audits, and a batch workspace.

Next.jsTypeScriptSEOExifTool
Forsa JobMobile Development
Case / 08

Forsa Job Marketplace

Developed A mobile jobs and services marketplace for Morocco, connecting job seekers with local opportunities and helping employers discover trusted professionals. The app brings together job search, category browsing, worker discovery, and service profiles where professionals can showcase skills and find clients.

FigmaReact NativeUI/UX Design

Experience

Experience across products, platforms, and intelligent systems.

The through-line is interface quality: product flows that explain complex systems, AI feedback loops, wallet interactions, and browser-native 3D moments without losing usability.

01

2025-Present

Outlier

AI Trainer

AI code reasoningArchitecture / edge cases

Evaluate AI-generated solutions for complex frontend and software engineering tasks, assessing reasoning, architecture, edge cases, and code correctness. Provide feedback that helps improve the quality of AI coding outputs.

AI evaluationFrontend QASystems thinking
02

2023-2025

Andala

Frontend Engineer & UI Designer

AI SaaS surfacesFigma to React

Designed and shipped responsive React interfaces for SaaS and AI products, translating Figma design systems into production-ready UI. Contributed to AI-powered social media and content-generation workflows.

SaaSAI productUI systems
03

2023-2024

10kA

Web3 Front-End Engineer & UI Designer

3D avatar commerceMinting / customization

Built browser-based 3D digital-fashion experiences with Three.js and React Three Fiber, including interactive avatar customization and Ethereum NFT minting flows.

Three.jsEthereumNFT UX
04

2024

Codia

Frontend Developer & UI/UX Designer

Operational product UXEnergy + voice AI

Designed and developed product interfaces across renewable-energy purchasing, virtual-assistant SaaS, and data-heavy dashboards. Turned household energy choices, digitized contracts, and support automation into clear frontend and UX flows.

RenewablesAutomationDashboards
05

2024-2025

TRIBE

Web3 Developer

Token launch systemsWallet-first flows

Developed Web3 launchpad and wallet-connected experiences on Binance Smart Chain (BSC), supporting token launches, private-sale flows, and transaction-focused UX with Web3.js and Ethers.js.

BSCLaunchpadWeb3.js
06

2023-2025

NEET

Web3 Front-End Developer & UI/UX Designer

Decentralized ecosystemsDEX / raffles / launchpad

Designed Web3 and DeFi product experiences across a decentralized exchange (DEX), token launchpad, and raffle application. Shaped clear user journeys for smart-contract-driven features across the ecosystem.

DeFiSmart contractsUX

Skill System

Skill stack built for modern interfaces.

Skill RiffleLive System
Explore stackHover or use arrow keys
  1. Card 08: React
  2. Card 07: Next.js
  3. Card 06: TypeScript
  4. Card 05: Angular
  5. Card 04: Three.js
  6. Card 03: React Native
  7. Card 02: Web3.js
  8. Card 01: n8n
SYS 01

Frontend

Developing production-ready user interfaces with typed JavaScript (TypeScript), responsive design, component-driven architecture, and smooth state management.

HTMLCSSJavaScriptTypeScriptReactNext.jsAngularTailwind CSSSassLessReduxZustand
SYS 02

UI/UX

Creating accessible, resilient user experiences through design systems, UX research, interface prototyping, and design handoff.

FigmaStorybookDesign SystemsAccessibility (WCAG)
SYS 03

3D

Building immersive, interactive 3D web experiences and product visualizations using browser-native technologies.

Three.jsReact Three Fibergltfjsx
SYS 04

Web3

Developing wallet-first product flows, onboarding, minting processes, launchpads, and smart contract interfaces.

Web3.jsEthers.jswagmiSmart Contracts (Solidity)DeFi
SYS 05

AI

Building AI-driven products with LLM integration, prompt engineering, workflow automation, and hands-on experience in AI model training.

Server-Sent Events (SSE)Workflows (N8N, automation tools)LangChainLLM Integration
SYS 06

Testing

Ensuring code quality with automated tests for components and end-to-end scenarios.

JestReact Testing LibraryVitestPlaywrightTDD
SYS 07

Mobile

Full-cycle mobile app development with React Native, including UI/UX and deployment for iOS and Android.

React Native
SYS 08

CMS/No-code

Implementing no-code/low-code solutions and managing various CMS platforms for content-driven products.

WixWebflowWordPress

Philosophy

I care about what happens between what a product can do and what a person feels. That space is where I work : shaping interactions , refining visual details , and engineering interfaces that make powerful technology feel natural to use.

From AI products to Web3 platforms and 3D experiences, my work sits between design, code, and product thinking.

3+

Years building frontend products

6+

Product domains: SaaS, AI, Web3, 3D, Mobile, CMS

15+

Modern technologies

Remote

Remote-first collaboration