image

Mohammed Hayatudeen Yusuf

Full-Stack Engineer & Technical Co-Founder

Get in Touch
View Projects

ABOUT ME

Full-Stack Engineer β€’ Nigeria πŸ‡³πŸ‡¬ β€’ Open to Remote

I Build Systems That Scale

Product-Driven engineer specializing in the modern JavaScript ecosystem. I architect high-performance applications that deliver measurable business outcomes.

40%
Latency Reduction
Via TanStack Query optimistic UI
30%
Faster Delivery
Through CI/CD & AI tooling
20%
Auth flexibility
Custom auth vs third-party
πŸ”

Security-First Architecture

  • βœ“Custom JWT with session persistence
  • βœ“RBAC middleware & Bcrypt hashing
  • βœ“Axios interceptors for token refresh
  • βœ“PostgreSQL + Firebase hybrid approach
⚑

Performance Engineering

  • βœ“TanStack Query optimistic updates
  • βœ“Zero-disk I/O media pipelines
  • βœ“Intelligent cache invalidation
  • βœ“Streaming responses for LLMs
πŸ€–

AI & Automation

  • βœ“Production RAG architectures
  • βœ“LangChain orchestration
  • βœ“Pinecone vector search
  • βœ“CI/CD with AI-assisted workflows

Technology Stack

frontend
Next.js 15React 18TypeScriptTanStack QueryRedux ToolkitTailwind CSS
backend
Node.jsExpress.jsPostgreSQLPrismaFirebaseREST APIs
ai
OpenAI APILangChainPineconeRAG ArchitectureEmbeddings
devops
VercelGitHub ActionsCI/CDGitCloudinary

"The best code is code that solves real problems for real people."

Systems architecture influenced by Urban & Regional Planning background

Professional Experience

Co-Founder & Lead Software Engineer

Ppoint | Admin & User Portals | ppoint.vercel.app

Sept 2025 - Present | Part-Time Venture

  • Bespoke Authentication Architecture: Engineered a secure, session-persisted JWT & Axios Interceptor system for phone number-based logins. Automated token refresh logic and 401 error handling, eliminating external auth providers and reducing operational costs by 20%.
  • Optimistic UI Implementation: Leveraged TanStack Query to decouple server state from client UI, enabling instant updates for user CRUD operations and reducing perceived latency for key user workflows by over 40%.
  • High-Performance Media Pipeline: Designed a zero-disk-I/O image service using Multer Memory Storage, streaming buffers directly to Cloudinary. This architecture eliminated server storage bottlenecks and significantly improved upload throughput for media assets.
  • Strictly Typed API Layer: Abstracted HTTP logic into a modular service layer with centralized error handling, ensuring end-to-end type safety across the frontend and reducing boilerplate codes.
  • Architected the entire technical stack using Express.js, Prisma ORM, React.js on Next.js, designing for scalability, security, and a responsive cross-platform user experience.

Co-Founder & Lead Full-Stack Engineer

Sspot1 Ventures | www.sspot1.com

Dec 2024 - Present | Part-Time Venture | Business Registration NO. 821574

  • Type-Safe NoSQL Architecture: Architected a scalable Firebase Firestore database, implementing strict TypeScript interfaces on unstructured documents to prevent schema drift and ensure data integrity across critical services.
  • Advanced State Management: Utilized Redux Toolkit and createAsyncThunk to manage complex asynchronous data streams, ensuring predictable loading states and robust error handling for critical, high-value payment flows.
  • Engineering Leadership: Established CI/CD pipelines and enforced code review standards, accelerating the development cycle for a 3-person team by 30% through the adoption of AI-assisted tooling (GitHub Copilot).
  • Directed the development of a standalone Retrieval-Augmented Generation (RAG) application to augment the platform's core functionality, demonstrating expertise in integrating advanced AI solutions.
  • Founded and spearheaded the end-to-end development and launch of Sspot1, a Firebase React.js on Next.js full-stack service marketplace platform, from initial concept through to deployment and post-launch support.

Frontend-Focused Full Stack Engineer (Contract)

BuyLocal Africa | Admin Portal

April 2025 – Aug 2025

  • Backend-to-Frontend Liaison: Served as the technical bridge between backend services and frontend requirements, ensuring the MVP Admin Portal remained functional and stable during rapid backend schema iterations.
  • Full-Stack Diagnostics: Utilized "White-Box" debugging across the Express/Prisma backend to trace erratic UI behavior down to the specific database query level, significantly reducing average debugging time for the core team by 25%.
  • Resilient Data Consumption: Refactored the frontend data layer to gracefully handle unstable API contracts and edge cases, ensuring business continuity during the platform's early beta phase.
  • Orchestrated end-to-end feature development, architecting solutions from React-based UI components down to robust Node.js/Express APIs with Prisma ORM, ensuring seamless data flow and functionality.
  • Elevated code quality and architectural standards through rigorous peer review with senior engineers, fostering knowledge sharing and ensuring system-wide consistency, performance, and maintainability.

Technical Projects

Sspot1 Analytics (AI-Powered Business Intelligence)

vi-phi.vercel.app

Stack: React, OpenAI API, Vector Database (Pinecone), Node.js, LangChain

  • Built a production-ready RAG architecture allowing natural language query of vendor data.
  • Optimized for streaming LLM responses to achieve low-latency interaction for prospective enterprise users.
  • Integrated LangChain for advanced RAG implementation and LLM orchestration.

BEasy (Multi-Vendor Marketplace)

ilud.vercel.app

Stack: Next.js, Redux Toolkit, TypeScript

  • Designed a multi-tenant schema supporting independent job postings and global cart states.
  • Successfully validated core marketplace mechanics and vendor interactions, serving as the blueprint for full-scale development.

Education & Development

Continuous Professional Development

2022 – Present

Focus Areas:

  • Distributed Systems Architecture
  • AI Architecture & RAG Implementation
  • State Management Patterns (TanStack Query, Redux Toolkit)
  • Modern JavaScript Ecosystem (Next.js 15, TypeScript, Node.js)
  • Security & Authentication (JWT, RBAC, Bcrypt)
  • Database Design (PostgreSQL/Prisma, Firebase Firestore, Vector DBs)

Core Ecosystem Mastery: Next.js 15 (App Router), TypeScript, React 18, Node.js, Express.js, TanStack Query, Redux Toolkit, PostgreSQL, Firebase Firestore, OpenAI API, LangChain, Pinecone

B.Tech, Urban and Regional Planning

Federal University of Technology Minna | 2019

Applied systems-thinking and spatial analysis principles to complex software architecture problems. This background informs my approach to designing scalable, interconnected digital ecosystems.

Technical Skills Overview

Core Ecosystem: Next.js 15 (App Router), TypeScript, React 18, Node.js, Express.js

State Strategy: TanStack Query (Optimistic UI/Cache Invalidation), Redux Toolkit (AsyncThunk), Context API

Data Architecture: PostgreSQL (Prisma ORM), Firebase Firestore (NoSQL), Vector Databases (Pinecone/Embeddings)

Security & Networking: Custom JWT Auth, Axios Interceptors, Bcrypt, RBAC Middleware

AI & Automation: OpenAI API, LangChain, RAG Implementation, LLM Integration

Infrastructure: Cloudinary (Memory Storage), CI/CD, Vercel, Git/GitHub

Technical Skills

Frontend Development

ReactJSNext.jsRedux Toolkittanstack/react-querySWRReact Hook FormTailwind CSSFramer MotionShadcn/UI (radix-ui)ZodReact Firebase HooksLucide IconsAxiosdate-fnsTypeScriptxlsx

Backend Development

Node.jsExpress.jsPrisma ORMREST & Socket.io APIsTypeScript

Database & Storage

Astra DB (Cassandra)FirebasePineconePostgreSQL

APIs & Services

Paystack (Payments)Cloudinary (Media Processing)Resend (Transactional Email)

AI Development Tools and Libraries

OpenAI APIJina.ai APILangChainLangchain.jsPuppeteerGoogle Generative AIGitHub CopilotBolt.newDeepSeek APIGeminiChatGptv0

Other Key Proficiencies

Agile & Scrum methodologiesPerformance OptimizationResponsive designPWA developmentCross-platform compatibilityScalable architecture design

DevOps, Deployment Version Control & Collaboration

VercelNetlifyCI/CD PipelinesNodemonESLintGitGitHubWinston (Logging)Trello

Design, Image and Video Processing Tools

DeepaiHand BreakFaviconKritaGIMPInkscapeViggle.aiinvideo AI

Featured Projects

Sspot1

A strictly typed NoSQL platform revolutionizing the informal sector service procurement which serves as a triple-purpose hub enabling vendors to

offer repair, maintenance, and specialized services to clients

post job openings for skilled peers

lease or sell underutilized tools and equipment to fellow vendorsβ€”all within a unified platform

ReactJSNext.jsRedux ToolkitReact Hook FormTailwind CSSReact Firebase HooksTypeScriptNode.jsFirebaseVercelFaviconGitGitHubBolt.newGeminiChatGptv0
BuyLocal Admin Portal
1/13

BuyLocal Admin Portal

BuyLocal

Sales Performance pie chart

ReactJSNext.jsTailwind CSSNode.jsExpress.jsprismaPostgreSQLPaystack (Payments)Resend (Transactional Email)CloudinaryTypeScripttanstack/react-queryAxiosxlsxZodVercelGitGitHubdate-fnsBolt.newGeminiChatGptdeepseekcopilotv0

Ppoint

A high-performance property engine engineered to unify Landlords, Agents, and Clients. Built with a custom session-persisted JWT architecture and TanStack Query, it decouples server state to reduce workflow latency by 40%, creating a seamless asset management experience.

ReactJSNext.jsExpressReact Hook FormTailwind CSSPrisma ORMAxiosJWTmulterweb-pushcloudinarybcryptjstanstack/react-queryrechartsTypeScriptNode.jsPostgreSQLVercelFaviconGitGitHubKimi k2GeminiDeep Seekv0

Sspot1 Analytic

The Intelligence Layer. A production-ready RAG Retrieval-Augmented Generation architecture that empowers vendors with natural language business intelligence. By integrating Pinecone Vector DB and LangChain, this module transforms raw ecosystem data into actionable insights, enabling users to query their business performance conversationally.

ReactJSNext.jsReact Hook FormTailwind CSSTypeScriptNode.jsDeepSeek APIJina.ai APILangChainLangchain.jsPuppeteerAstra DB (Cassandra)PineconeVercelFaviconGitGitHubBolt.newGeminiChatGptv0

BEasy

The Integration Blueprint. A multi-tenant React architecture designed to bridge General Commerce and Job Markets, BEasy validates the core mechanics of economic integration, serving as the scalable prototype for the future Omni-App super-store.

ReactJSNext.jsRedux ToolkitReact Hook FormCSS moduleReact Firebase HooksTypeScriptNode.jsFirebaseVercelGitGitHubGeminiChatGptHand Break