loading
← Back to Projects
AI SaaS Platform / Frontend Developer

ArisAI

I joined this project 3 months in — my co-developer Ghadi had started the backend while I was finishing my internship at Telecloud. Once I came onboard, I built ~80% of the frontend: trading dashboards, AI chat, signal rooms, content engine, and more. 15+ pages of complex, real-time UI.

My Role
Frontend Lead
Timeline
~3 Months (of 6)
Coverage
~80% of Frontend
Pages
15+
View Live Site →
ArisAI Landing Page
01

Overview

ArisAI is a comprehensive trading platform designed for retail traders, signal providers, and influencers. It combines AI-powered analysis with real-time trading tools — an ecosystem for education, analysis, and community.

I joined the project about 3 months after Ghadi had started building the NestJS backend. I'd been finishing my internship at Telecloud Vision in Beirut. Once I came onboard, I took ownership of the frontend: architecting the component structure, building out 15+ pages, and implementing complex features like real-time WebSocket connections, AI chat with streaming responses, and data-dense trading dashboards.

The platform is a monorepo — React web app, Next.js landing page, Expo mobile app, and a Remotion video generator. I built approximately 80% of the frontend across these packages. This project pushed me to solve real performance problems with memoization, lazy loading, and optimized rendering for live trading data.

15+
Pages Built
~80%
Frontend by Me
~3
Months Active
10+
Core Systems
02

What I Built

ArisAI Platform
01

AI Chat with Claude

Built the full chat interface with streaming responses from Anthropic's Claude. Conversation history, token usage tracking, and a responsive UI that handles long-running AI responses gracefully. My first time working with LLM APIs in production.

Anthropic SDK, WebSockets, streaming SSE, Zustand for state
Photos coming soon
02

Trading Dashboard & Charts

The most technically challenging page. Lightweight Charts with real-time data feeds, drawing tools, technical indicators, and forecasting overlays. Had to solve serious performance issues with memoization and careful re-render management when live data updates hundreds of times per second.

Lightweight Charts, canvas rendering, WebSockets, React.memo optimization
Photos coming soon
03

Real-Time Signal Rooms

WebSocket-powered rooms where signal providers broadcast live trade calls. I built the entire room UI — entry/exit updates in real-time, subscription management, provider performance stats, and the room creation flow for signal providers.

Socket.io, real-time state sync, room subscriptions, role-based UI
Photos coming soon
04

Trade Journal & AI Analysis

Full CRUD for trade logging with screenshot uploads to S3. Built analytics views showing win rate, average R, P&L by pair and session. The AI analysis feature uses Claude to review a trader's journal and identify behavioral patterns.

S3 uploads, Recharts analytics, CRUD with optimistic updates, AI integration
ArisAI Multi-OAuth Login
05

Marketplace, Courses, Tournaments & Podcasts

Built the marketplace for browsing signal rooms and courses with Stripe-powered subscriptions. Created the tournament system with live leaderboards. Integrated Amazon IVS for live podcast streaming. Also built the content engine for AI-generated social media posts.

Stripe, Amazon IVS, leaderboard logic, content generation UI
03

Stack

Frontend
React 18
Language
TypeScript
Styling
Tailwind CSS
State
Zustand
Data
TanStack Query
Real-time
Socket.io
Backend
NestJS
Database
PostgreSQL
ORM
Prisma
Cache
Redis
Payments
Stripe
AI
Claude / Anthropic
Live Video
Amazon IVS
Mobile
Expo
Charts
Lightweight Charts
Auth
Multi-OAuth + JWT