Skip to content
View osamaayub's full-sized avatar

Block or report osamaayub

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Content in all repositories owned by your account will be closed.
Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
osamaayub/README.md
Osama Ayub - Full-Stack Software Engineer
Open to Remote Opportunities



Animated introduction



LinkedIn Β  Portfolio Β  GitHub



Core stack: TypeScript, React, Next.js, Node.js, PostgreSQL, MongoDB, Tailwind CSS



Profile views

πŸ‘¨β€πŸ’» About Me

I'm a Full-Stack Software Engineer who builds web applications with TypeScript, Next.js and Node.js, and adds practical AI features to them: chat with your documents (RAG), streaming assistants and structured AI output. I work across the stack, from responsive interfaces to APIs, PostgreSQL and MongoDB databases, authentication, testing and deployment.

I enjoy turning ideas into practical software with clean code, thoughtful architecture, and a strong focus on user experience.

  • 🌍 Availability: Open to remote Full-Stack Software Engineer opportunities worldwide
  • βš›οΈ Frontend: TypeScript, React 19, Next.js 16 (App Router, Server Components, Server Actions), Tailwind CSS, Redux Toolkit
  • βš™οΈ Backend: Node.js, Express.js, REST APIs, Next.js Route Handlers
  • πŸ—„οΈ Databases: PostgreSQL, Drizzle ORM, MongoDB, Mongoose, MySQL
  • πŸ€– AI Integration: RAG with citations, OpenAI API, Anthropic Claude API, Vercel AI SDK, Google Gemini API, Vapi AI
  • πŸ” Authentication: Auth.js (GitHub and Google sign-in), JWT, RBAC, Clerk
  • πŸ§ͺ Quality: Zod validation, Vitest, GitHub Actions CI
  • ☁️ Cloud & Deployment: Vercel, Netlify, AWS S3, Docker
  • 🧰 Tools: Git, GitHub, Postman, AI coding agents (Claude Code)
  • 🎯 Engineering Focus: Clean code, API design, performance, and maintainable architecture

πŸ§‘β€πŸ’» Developer Profile

const osama = {
  name: "Osama Ayub",
  role: "Full-Stack Software Engineer",
  location: "Lahore, Pakistan",
  availability: "Open to Remote Opportunities",
  portfolio: "https://osama-ayubpersonal.vercel.app/",

  languages: ["TypeScript", "JavaScript", "SQL", "HTML", "CSS"],

  frontend: ["React 19", "Next.js 16", "Server Actions", "Tailwind CSS", "Redux Toolkit"],
  backend: ["Node.js", "Express.js", "REST APIs", "Route Handlers"],
  databases: ["PostgreSQL", "Drizzle ORM", "MongoDB", "Mongoose", "MySQL"],
  authentication: ["Auth.js", "JWT", "RBAC", "Clerk"],
  ai: ["RAG", "OpenAI API", "Claude API", "Vercel AI SDK", "Gemini API", "Vapi AI"],
  quality: ["Zod", "Vitest", "GitHub Actions"],
  cloudAndTools: ["Vercel", "Netlify", "AWS S3", "Docker", "Git", "Postman"],

  currentlyLearning: ["Agentic engineering with AI coding agents"],
  nextUp: ["Python + FastAPI", "LangGraph agents", "pgvector RAG", "LLM evals"],
};

πŸ› οΈ Tech Stack

Languages

TypeScript, JavaScript, HTML, CSS

Frontend Development

React, Next.js, Redux, Tailwind CSS, Material UI, Bootstrap

Backend Development

Node.js, Express, NestJS

Databases

PostgreSQL, MongoDB and MySQL

Cloud, Deployment & Tools

Vercel, Netlify, AWS, Docker, GitHub Actions, Git, GitHub, Postman

AI Integration

RAG with citations OpenAI API Anthropic Claude API Vercel AI SDK Google Gemini API

Also: Drizzle ORM Β· Auth.js Β· Zod Β· Vitest Β· Mongoose Β· JWT Β· RBAC Β· Clerk Β· Vapi AI


πŸš€ Featured Projects

01. Pulse: Admin Dashboard on Real PostgreSQL

An admin dashboard for an online store: KPIs, charts, orders, customers and products.

Next.js 16 TypeScript PostgreSQL Drizzle ORM Server Actions Zod Vitest Netlify

  • KPIs compared with the previous period, revenue charts and product performance.
  • Orders you can search, filter, export to CSV, ship and refund, all in SQL on the server.
  • Customers with lifetime value and full order history.
  • Real PostgreSQL on Netlify, a health check, and a demo store that resets itself every day.

Pulse source code Pulse live demo


02. DocChat: Chat With Your PDF (RAG)

Upload a PDF, ask a question, and get a short answer with the page it came from.

Next.js 16 TypeScript RAG OpenAI Claude API Zod

  • Retrieval-augmented generation: the answer comes only from the document.
  • Every answer cites its page, and it says "I don't know" when the answer isn't there.
  • Works with OpenAI or Anthropic Claude.

DocChat source code DocChat live demo


03. AI Support Chatbot

A streaming AI support chatbot with Next.js 16 and the Vercel AI SDK.

Next.js 16 TypeScript Vercel AI SDK OpenAI GitHub Actions

  • Answers stream in word by word.
  • Runs in demo mode without an API key, so anyone can try it.
  • Feature-first architecture, tests and CI.

AI chatbot source code AI chatbot live demo


04. BriefAI: AI SaaS Starter

Turns messy meeting notes into a short summary and a clear list of action items.

Next.js 16 TypeScript Drizzle ORM OpenAI structured output Server Actions

  • Structured AI output validated with Zod.
  • Usage limits enforced on the server with a database transaction.

BriefAI source code


05. WebDev Path: Free Learning Platform

A free 24-week web development course platform.

Next.js 16 TypeScript PostgreSQL Auth.js

  • Sign in with GitHub or Google, saved progress and quizzes graded on the server.

WebDev Path source code WebDev Path live demo


06. DevFlow

A developer-focused Q&A platform built with modern Next.js architecture (built following the JS Mastery course).

Next.js React TypeScript MongoDB NextAuth Tailwind CSS Zod

  • Developer-focused question-and-answer experience.
  • Authentication and user account workflows.
  • Server Actions and data-driven application features.
  • Structured validation with Zod.
  • Search, tags, profiles, and community features.
  • Maintainable application structure.

DevFlow source code DevFlow live demo


07. Equigenix / EquiJudge

A platform for Arabian horse judge training, testing, invitations, and performance evaluation.

React TypeScript Node.js Express MongoDB AWS

  • Developed frontend and backend application features.
  • Built and integrated REST APIs.
  • Worked with role-based workflows for administrators, organizers, and judges.
  • Implemented data filtering, pagination, and evaluation workflows.
  • Worked with MongoDB schemas, queries, and aggregation.
  • Integrated AWS S3 for file and media management.
  • Troubleshot application issues and improved maintainability.

EquiJudge demo


More Projects

Project What it is Stack
AI Interview Preparation Voice-based AI interview practice with feedback Next.js, TypeScript, Firebase, Vapi AI, Gemini
JobLane Job portal for job seekers and employers React, Node.js, Express, MongoDB
Clinic Lead Management Leads, appointments, treatments and inventory React, Node.js, Express, MongoDB
3D Developer Portfolio Interactive portfolio with 3D scenes (live) React, TypeScript, Three.js, Framer Motion

πŸ’Ό Professional Experience

Software Engineer β€” SensViz

July 2025 – July 2026 Β· Lahore, Pakistan

Worked on full-stack web applications using React, TypeScript, Node.js, Express, and MongoDB.

  • Developed and maintained frontend features and reusable React components.
  • Built and integrated REST APIs for application workflows.
  • Implemented role-based workflows and access-control features.
  • Worked with MongoDB schemas, queries, and aggregation.
  • Developed data-driven interfaces with filtering and pagination.
  • Contributed to testing, invitations, and evaluation workflows.
  • Integrated AWS S3 for file and media management.
  • Troubleshot application issues and improved code maintainability.

Technologies: React TypeScript Node.js Express MongoDB AWS Git


Associate Software Engineer β€” Cogilent Solutions

February 2025 – January 2026 Β· Islamabad, Pakistan

  • Developed web application features using React and Next.js.
  • Built responsive interfaces and dashboard components.
  • Integrated REST APIs and backend services.
  • Worked with authentication and authorization workflows.
  • Improved frontend performance using code splitting and lazy loading.
  • Contributed to collaborative development workflows.

Technologies: React Next.js TypeScript Clerk


MERN Stack Developer Intern β€” IIFATECH

August 2024 – October 2024

  • Developed a full-stack job board using the MERN stack.
  • Built REST APIs using Node.js and Express.
  • Implemented JWT authentication.
  • Designed MongoDB data models.
  • Created responsive React interfaces.

Technologies: React Node.js Express MongoDB JWT


πŸ“Š Engineering Toolkit

Area Technologies
Languages TypeScript, JavaScript, SQL, HTML, CSS
Frontend React 19, Next.js 16, Tailwind CSS, Redux Toolkit, Material UI
Backend Node.js, Express.js, REST APIs, Server Actions
Databases PostgreSQL, Drizzle ORM, MongoDB, Mongoose, MySQL
Authentication Auth.js, JWT, RBAC, Clerk
AI Integration RAG, OpenAI API, Claude API, Vercel AI SDK, Gemini API, Vapi AI
Quality Zod, Vitest, GitHub Actions
Cloud & Deployment Vercel, Netlify, AWS S3, Docker
Tools Git, GitHub, Postman, AI coding agents

πŸ“ˆ GitHub Statistics

GitHub statistics Languages in repos updated in the last 12 months
Languages across all repos



GitHub contribution streak

Cards update every day. "Last 12 months" shows what I write now; "all repos" includes older HTML and JavaScript projects.


🌱 Currently Learning

Current learning goals
  • Now: agentic engineering with AI coding agents: context engineering, MCP, tools, planning, testing and code review (JS Mastery).
  • Next: Python and FastAPI, LangGraph agents with tool calling, RAG on PostgreSQL with pgvector, and evals for AI answers.

🎯 What I Bring to a Team

  • Full-stack mindset: Comfortable working across frontend interfaces, APIs, and databases.
  • Maintainable code: Focused on readable, reusable, and well-structured implementations.
  • Product thinking: Interested in solving real problems rather than adding unnecessary complexity.
  • Continuous learning: Actively strengthening backend engineering, system design, and AI integration skills.
  • Remote collaboration: Comfortable with Git-based workflows, clear updates, and asynchronous communication.

🀝 Let's Connect

Let's build something great



I'm open to remote Full-Stack Software Engineer opportunities worldwide.

Interested in building SaaS products, developer tools, AI-powered applications, dashboards, and scalable web platforms.


Connect on LinkedIn Β  Explore my portfolio Β  Follow on GitHub

πŸ’‘ Build. Learn. Improve. Repeat.

Decorative footer

Pinned Loading

  1. personalPortfolio personalPortfolio Public

    Personal Portfolio Build with Next Js & Typescript

    TypeScript 3

  2. DevFlow DevFlow Public

    Full-stack developer Q&A platform with a jobs board, AI answers and global search. Next.js 16, React 19, TypeScript, MongoDB, NextAuth.

    TypeScript 2

  3. Interview-Preparation Interview-Preparation Public

    TypeScript 1

  4. briefai briefai Public

    AI SaaS starter: Next.js 16, Drizzle, Turso/libSQL, OpenAI structured output, auth and usage limits. Full YouTube build tutorial.

    TypeScript 1