โš  This page is served via a proxy. Original site: https://github.com
This service does not collect credentials or authentication data.
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.

Maximum 250 characters. Please don't include any personal information such as legal names or email addresses. Markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this userโ€™s behavior. Learn more about reporting abuse.

Report abuse
osamaayub/README.md

Hi ๐Ÿ‘‹, I'm Osama Ayub

Typing SVG

Profile views Followers Stars

Header


๐Ÿ’ผ Professional Experience

๐Ÿข Junior Software Engineer | SensViz

๐Ÿ“ Location: On-site
๐Ÿ—“๏ธ Duration: Aug 2025 โ€“ Present

Key Achievements & Responsibilities:

Performance Optimization:
  - Improved application performance by 25% through code optimization
  - Reduced server response time by 30% via efficient API design
  - Enhanced data retrieval efficiency by 40% with MongoDB query optimization

Development Contributions:
  - Built & maintained production-grade MERN stack applications
  - Developed 15+ reusable React components for consistent UI/UX
  - Designed & deployed RESTful APIs following industry best practices
  - Implemented responsive designs ensuring cross-browser compatibility

Collaboration & Best Practices:
  - Worked with cross-functional teams using Agile/Scrum methodologies
  - Followed clean code principles and design patterns
  - Conducted code reviews and contributed to technical documentation
  - Participated in sprint planning and daily stand-ups

๐Ÿ‘จโ€๐Ÿ’ป About Me

Coding

const osamaAyub = {
    pronouns: "He" | "Him",
    location: "Lahore, Pakistan ๐Ÿ‡ต๐Ÿ‡ฐ",
    role: "Junior Software Engineer @ SensViz",
    
    code: {
        languages: ["JavaScript", "TypeScript", "HTML5", "CSS3"],
        markup: ["HTML", "Markdown", "XML"],
        styling: ["CSS", "SCSS", "Sass", "Styled Components"]
    },
    
    technologies: {
        frontend: {
            frameworks: ["React.js", "Next.js"],
            styling: ["Tailwind CSS", "Bootstrap", "Material-UI", "ShadCN UI"],
            stateManagement: ["Redux", "Context API", "Zustand"],
            tools: ["React Router", "React Hook Form", "Axios"]
        },
        backend: {
            runtime: ["Node.js"],
            frameworks: ["Express.js"],
            api: ["REST"],
            authentication: ["JWT", "OAuth", "Passport.js"]
        },
        databases: {
            sql: ["MySQL", "PostgreSQL"],
            nosql: ["MongoDB"],
            orm: ["Mongoose"]
        },
        devOps: {
            versionControl: ["Git", "GitHub"],
            deployment: ["Netlify", "Vercel", "Heroku", "Railway"],
            ci_cd: ["GitHub Actions"],
            containers: ["Docker (Learning)"]
        },
        tools: ["VS Code", "Postman", "Figma", "Jira", "Slack"]
    },
    
    currentFocus: [
        "Building scalable MERN stack applications",
        "Mastering Next.js 14 with App Router",
        "Learning System Design & Microservices",
        "Contributing to Open Source"
    ],
    
    interests: [
        "Web Development",
        "UI/UX Design",
        "Problem Solving",
        "Tech Blogging",
        "Open Source Contribution"
    ],
    
    funFacts: [
        "I debug with console.log() and I'm proud of it! ๐Ÿ›",
        "My code works better after 2 AM โ˜•",
        "Stack Overflow is my best friend ๐Ÿ˜„"
    ],
    
    askMeAbout: [
        "React.js", "Next.js", "Node.js", "Express.js",
        "MongoDB", "RESTful APIs", "Tailwind CSS",
        "JavaScript Best Practices", "Web Performance"
    ],
    
    reachOut: {
        email: "osama.ayubwebdev@gmail.com",
        portfolio: "https://personal-portfolio-two-taupe-76.vercel.app"
    }
};


๐ŸŒ Connect With Me

LinkedIn Twitter Instagram Email HackerRank LeetCode Portfolio


๐Ÿ› ๏ธ Tech Stack & Tools

๐ŸŽจ Frontend Development

JavaScript TypeScript React Next.js HTML5 CSS3 Tailwind CSS Bootstrap Sass Material-UI Redux React Router

โš™๏ธ Backend Development

Node.js Express.js JWT REST API

๐Ÿ—„๏ธ Databases

MongoDB MySQL PostgreSQL Mongoose

๐Ÿ”ง Tools & Platforms

Git GitHub VS Code Postman Netlify Vercel Heroku npm Figma


๐Ÿš€ Featured Projects

๐ŸŽฏ Project ๐Ÿ’ป Tech Stack ๐ŸŒ Live Demo ๐Ÿ“‚ Repository
๐ŸŒŸ Portfolio Website Next.js, ShadCN UI, Tailwind CSS, GitHub Actions ๐Ÿ”— View Live ๐Ÿ“ Code

๐Ÿ“Œ Project Highlights

๐ŸŽจ Portfolio Website


Portfolio Live GitHub

Tech: Next.js 14, ShadCN UI, Tailwind CSS, Framer Motion

โœจ Modern, responsive portfolio with smooth animations
โšก Optimized performance (95+ Lighthouse score)
๐ŸŽฏ SEO-friendly with meta tags and sitemap
๐Ÿ“ฑ Fully responsive across all devices
๐Ÿš€ Deployed with CI/CD pipeline


๐Ÿ“ˆ Detailed Stats

Profile Details

Repos per Language Most Commit Language

Stats Productive Time

๐Ÿ“Š Contribution Graph

Contribution Graph


๐ŸŽฏ Current Focus & Goals

๐Ÿš€ What I'm Working On

  • ๐Ÿ”จ Building real-world MERN stack projects
  • ๐ŸŽจ Creating responsive web applications
  • ๐Ÿ“ฑ Improving my portfolio website
  • ๐ŸŒ Contributing to open-source projects
  • โœ๏ธ Learning and implementing best practices

๐Ÿ“š What I'm Learning

  • ๐Ÿ”ท TypeScript with React
  • โš›๏ธ Next.js 14 App Router & Server Components
  • ๐Ÿ—๏ธ System Design & Architecture Patterns
  • ๐Ÿณ Docker basics for containerization
  • โ˜๏ธ AWS Cloud fundamentals

๐Ÿ’ก Quote of the Day

Quote


๐Ÿ“ Latest Blog Posts

  • ๐Ÿ“Œ Building Scalable MERN Applications (Coming Soon)
  • ๐Ÿ“Œ React Best Practices in 2024 (Coming Soon)
  • ๐Ÿ“Œ Optimizing MongoDB Queries (Coming Soon)
  • ๐Ÿ“Œ Next.js 14: What's New? (Coming Soon)

โžก๏ธ Read more on my blog...


๐ŸŽ–๏ธ Certifications & Achievements

๐Ÿ… Certification ๐Ÿข Issuer ๐Ÿ“… Date
Full Stack Web Development freeCodeCamp 2023
React - The Complete Guide Udemy 2024
Node.js Developer HackerRank 2024

๐Ÿค Let's Collaborate!

I'm always interested in collaborating on:

  • ๐ŸŒ Open Source Projects - Especially in React, Next.js, or Node.js
  • ๐Ÿ’ผ Freelance Opportunities - MERN stack development
  • ๐ŸŽ“ Mentoring - Helping beginners in web development

Feel free to reach out if you want to:

  • ๐Ÿ’ฌ Discuss web development
  • ๐Ÿค” Ask for help with your project
  • ๐Ÿ”ฅ Collaborate on something awesome
  • โ˜• Just have a tech chat!

๐Ÿ“Š Weekly Development Breakdown


๐ŸŽฎ Hobbies & Interests

๐Ÿ’ป Coding ๐Ÿ“š Reading โšฝ Sports ๐ŸŽฎ Gaming
Building cool projects Tech blogs & documentation Football & Cricket Strategy games

๐Ÿš€ Deployment Status

Vercel Deployment


๐Ÿ’™ Thanks for visiting my profile!

โญ๏ธ If you like my work, consider giving a star to my repositories!

๐Ÿ“ฌ Let's Connect and Build Something Amazing Together!

LinkedIn Email Portfolio


ยฉ 2024 Osama Ayub | Made with โค๏ธ and โ˜•

Profile Views

Pinned Loading

  1. Project_shareme_social_media Project_shareme_social_media Public

    socialmedia website using react js,tailwind css and sanity

    JavaScript 8 1

  2. SocialMediaAppDashboard SocialMediaAppDashboard Public

    Social media Dashboard

    JavaScript 4

  3. BlogWebsite BlogWebsite Public

    responsive Blog Website build using HTML,CSS and Vanilla JavaScript

    HTML 6 2