Work projectAvenue Group

OKKP Operations Platform

Chief Full-Stack Developer · From scratch

An operational management platform I designed and shipped from scratch: employee management, violation tracking and reporting dashboards, with role-based access and audit logs.

Private code · NDA

Frontend

React + TypeScript · SPA · dashboards per role
REST

API

Node.js / Express · REST API
  • Auth · RBAC
  • Employees
  • Violations
  • Reporting
  • Audit log
SQL · documents · media

Data

PostgreSQL · SQL
MongoDB · documents
Cloudinary · media
OKKP Operations Platform preview
The code is private (NDA), so this diagram shows the architecture I built.Open full size

Problem

Avenue Group needed one system for day-to-day operations — employees, violations and reporting — and the reports had to work for staff who don't write queries.

Solution

I architected and built it end to end: a React + TypeScript SPA, a Node.js / Express REST API and a PostgreSQL + MongoDB data layer, with role-based access, audit logs and secure Cloudinary uploads. I also owned deployment and production support.

Result

Shipped to production; non-technical staff export audit-ready Excel datasets on their own.

Overview

At Avenue Group I was the Chief Full-Stack Developer on OKKP, an operational management platform that started from an empty repository. The goal was one system for the company's day-to-day operations, with clear boundaries between the UI, the business logic and the data layer.

I architected it end to end: a React + TypeScript single-page app, a Node.js / Express REST API, and a data layer on PostgreSQL and MongoDB. On top of that I built the core modules — employee management, violation tracking and reporting dashboards — with role-based access control and audit logs, plus a secure media-upload pipeline on Cloudinary and Multer.

Reporting had to work for people who don't write queries, so Excel exports let non-technical staff produce audit-ready datasets on their own. I also owned deployment and production support, and delivered a fully responsive interface in Tailwind CSS.

What it does

  • Employee management, violation tracking and reporting dashboards
  • Role-based access control and audit logs across modules
  • Secure media uploads through Cloudinary and Multer
  • Excel exports that produce audit-ready datasets without a developer

What's next

Hiring for a full-stack, Python or AI role — or need something like this built? Let's talk.

I'm available immediately — on-site or hybrid in Moscow, or remote; full-time or contract. I reply within 48 hours — faster on Telegram.

Get in touch TelegramDownload CV

Alhassan Alfarran.

© 2026 · Designed and built by me with Next.js, Tailwind and Framer Motion.

My local time: · Moscow

Notes
How this site is built

Stack

Next.js (App Router) and React, styled with Tailwind CSS and animated with Framer Motion. The contact form sends email through Resend; the site is hosted on Vercel.

Three languages, one layout

English, Russian and Arabic each have their own address (/en, /ru, /ar) and share one set of components. The layout uses logical CSS properties (start/end instead of left/right), so Arabic mirrors right to left without separate styles. The server sends every page with its language and text direction already set, so nothing flips after loading, and the Arabic font is only downloaded when Arabic text is on screen.

Performance and accessibility

Sections below the first screen skip rendering until you scroll near them, and the quick menu loads on first use. Everything works from the keyboard, with a skip link and visible focus, and animations switch off when your system asks for reduced motion.

Source code on GitHub