Skip to content
View constyoussef's full-sized avatar
😎
Focusing
😎
Focusing

Block or report constyoussef

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 is supported. 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
constyoussef/README.md

Hey there πŸ‘‹, I'm Youssef El Sayed

πŸŽ“ CS Student β€’ πŸ’» Frontend Engineer & Instructor β€’ 🌍 Based in Egypt

Portfolio LinkedIn


🧠 About Me

  • 🌟 I craft interactive, accessible, and modern UIs with a strong preference for feature-based architecture.
  • πŸ’» Main stack: React, React Native, Next.js, Tailwind CSS, TypeScript.
  • πŸ” I focus on offline-first apps, performance, system design, and building scalable reusable components.
  • πŸŽ₯ I am a content creator and programming instructor, sharing technical deep-dives on YouTube and social media.
  • ⚑ Always learning β€” I organise notes (Obsidian / Notion) and turn learnings into projects.

πŸ›  Tech Stack

Languages

JavaScript TypeScript Python C++

Frontend & Mobile

React React Native Expo Next.js Tailwind CSS ShadCN

Backend & Infra

NestJS Node.js Laravel Docker Prisma PostgreSQL

State, Offline & Tools

Zustand Dexie.js WebSockets Jest React Testing Library VS Code


πŸ” Currently Exploring & Using in Projects

  • πŸ—οΈ System Design & Architecture: Building hybrid real-time models using Server-Sent Events (SSE) and WebSockets for scalable chat applications.
  • πŸ“± Mobile Development: Cross-platform development with React Native and Expo.
  • πŸŽ“ Course Creation: Structuring and recording a massive 200+ video comprehensive React course.
  • βš™οΈ Performance & Offline-first: IndexedDB via Dexie.js, caching strategies, and Service Workers.
  • 🌐 Backend environments with Docker networking, cron jobs, and monorepo structures.

πŸ“š Learning & Process Notes

  • I keep structured notes (Obsidian) for every learning path and convert them into small projects to solidify knowledge.
  • I prefer desktop tools for designing ER diagrams and architecture sketches.
  • Workflow: many tabs (30+) in Brave, tweaking VS Code themes, and managing local dev containers.

πŸ’‘ Fun Facts

  • πŸ’¬ I teach what I learn β€” whether it's planning a 3-hour JavaScript deep-dive for students or designing YouTube thumbnails for my dev channel.
  • πŸ”‹ I actually keep 30+ tabs open while working πŸ˜„
  • 🎯 2025 goal: ship at least 2 SaaS products and contribute to OSS.

πŸ“Š GitHub Stats


πŸ“¬ Let's Connect!

  • 🌐 Portfolio
  • πŸ’Ό LinkedIn
  • πŸŽ₯ Check out my tech content on YouTube!
  • 🧠 I’m always open to new ideas, collaborations, and feedback!

✨ Thanks for visiting β€” feel free to star, fork, or reach out! ✨

Pinned Loading

  1. dirayah dirayah Public

    Modern LMS with multilingual support and role-based dashboards for students, teachers, parents, and admins.

    TypeScript

  2. Furniro_eCommerce Furniro_eCommerce Public

    Furniro E-Commerce is a responsive furniture e-commerce platform built with Next.js and Tailwind CSS, offering a seamless shopping experience with modern technologies.

    TypeScript

  3. StudyFlow-LMS StudyFlow-LMS Public

    A modern school management dashboard built with Next.js, Tailwind CSS, and ShadCN. This project streamlines school administration by providing tools for managing teachers, students, lessons, assign…

    TypeScript 1

  4. scroll-ease scroll-ease Public

    The Custom Scrollbar

    TypeScript

  5. statsage-dashboard statsage-dashboard Public

    StatSage is a web-based dashboard application designed for logistics and vehicle management. This dashboard provides an intuitive interface for monitoring vehicle statuses, shipment statistics, del…

    HTML

  6. chatapp-ui chatapp-ui Public

    TypeScript