Building and maintaining cybersecurity dashboards and landing pages in React, Next.js, and Tailwind. Designed data-intensive dashboards and interactive tables for real-time threat insights; integrated REST and GraphQL APIs for cross-product data sync; built modular components and analytics visualizations with Ant Design and React Query. Implemented RBAC across admin, analyst, and client roles, led the migration to a unified monorepo, and optimized performance with SSR, lazy loading, and code splitting. Mentor interns on component architecture, Git workflows, and best practices.
Fullstack work on the OEE and Vorne projects. Build server-side and client-side features end-to-end in Next.js and TypeScript, with PostgreSQL and Prisma for data modeling, migrations, and optimized queries. Implemented real-time synchronization between client and server via Zero Sync, and maintain the automated test suite with Vitest for unit/integration tests and Playwright for end-to-end.
Custom dashboards in Next.js, TypeScript, and Prisma. Built device downtime logs and analytics for a Work Tracker Dashboard, integrated PostgreSQL with optimized queries and data models for real-time updates, and used Zero Sync for fast client/server synchronization. Deliver responsive, scalable UI following modern architecture and performance standards.
Graduated with Second Class Upper Division. Relevant coursework: Data Structures, Algorithms, Database Management, Web Development.
§ 04 — Selected Work04 Entries
Selected Work
01
Threat Intelligence Platform
Darkatlas's dark-web monitoring platform. Owned end-to-end features including data-heavy tables with filtering, sorting, and pagination for real-time threat intelligence. Independently implemented interactive charts for threat trends, exposure metrics, and monitoring activity. Integrated REST APIs and built robust form validation flows as self-contained features from design to deployment.
A full-stack, multilingual e-commerce platform for a furniture company. Modern, responsive UI with Tailwind and shadcn/ui; authentication and session management via NextAuth; PostgreSQL (Neon) with Prisma for scalable data modeling and querying. Zustand drives global state for cart, language, and UI. Arabic and English support from day one.
