HomeAboutProjectsApproachContact

Welcome to my portfolio

I'm Haytham Atef

PSM I certified Scrum Master and MERN developer, who translates concepts into reality.
LinkedIn
GitHub

PSM I certified Scrum Master with 5+ years of leadership in Agile environments, complemented by over 5 years of experience as a Full Stack Developer.

Proficient in bridging technical and business perspectives, with a track record of depvering high-impact solutions and managing cross-functional teams using Scrum ,Kanban methodologies and DevOps practices.

Extensive experience working with multinational teams , enhancing cross-cultural communication and collaboration.

The Dawn of Innovation
Explore the birth of groundbreaking ideas and inventions.

Very flexible with time zone communications

Diverse skill set
Scrum Master
Product Ownner
Agile Project Manager
Js
HTML
CSS
React Js
Next JS
React native
TypeScript
Tailwind CSS
SCSS
Contact Me

Major projects:

Bdoon Wasyt

The fast growing real estate listing website.

Web App

Next JS
Mantine UI
Back4App
Zustand
Responsive Design & SEO

Responsive & SEO friendly

Easy to use and SEO friendly website (100% on Ahref) built with Next js 14 using app router, server components, API routes.

Bilingual website

Website is Bilingual arabic and english for ease of use using react-i18next for localization

Display properties on map

Display properties with price and floating card on maps using mapTiler to reduce costs.

Real time Chat

Implemented cross-platform real time chat using Parse server live queries (web-sockets)

Dashboard

Dashboard for statistics, management, logs, review before acceptance.

iOs App

React Native
React Native Paper
Back4App
Zustand
TypeScript
linear board demo

Search screen

User can search, filter and sort properties according to various criteria.

Display properties on map

Display properties on maps using mapTiler to reduce costs.

Real time Chat

Implemented cross-platform real time chat using Parse server live queries (web-sockets)

Ad. details screen

User can view ad details and contact the seller with various methods.

iPadOS compatible

App is responsive and iPadOS compatible.

Android App

React Native
React Native Paper
Back4App
Zustand
TypeScript
linear board demo

Search screen

User can search and sort properties according to (date added,price,area).

Filter menu

Filter properties according to various criteria (unit type, price, area, level, ...).

Add new properties

User is easily able to add new properties with location and images.

Display properties on map

Display properties on maps using mapTiler to reduce costs.

Real time Chat

Implemented cross-platform real time chat using Parse server live queries (web-sockets)

Ad. details screen

User can view ad details and contact the seller with various methods.

Other Features:
  • Security
    Phone number verification using OTP during signup and reset password.
  • Security
    Google reCAPTCHA implemented in all form pages.
  • Security
    Form validation client-side and server-side.
  • Security
    Server-side rate limiting
  • Inhancements
    Compress and watermark images before uploading .
  • Inhancements
    Website is PWA compatible.
  • Inhancements
    Send notifications to users via email.
  • Inhancements
    Deployed using Cloudflare workers for a reliable and cost-efficient hosting solution.
  • Inhancements
    Integrated Google Analytics and Facebook Pixel using Google Tag Manager and Cloudflare Zaraz

Side projects:

My Portfolio Page

Portfolio page inspired by Adrian Hajdin project.

Next JS
Tailwind CSS
Aceternity
TypeScript

Technology Used :

  • Next JS
  • Tailwind CSS.
  • Tailwind CSS Animated for animations.
  • Aceternity for effects.

    • Mazady website & app

    Full stack auction website and React Native app.

    React Native
    Native Wind
    gluestack-ui
    TypeScript

    About Mazady :

    Simple MERN stack website & app for auctions.

  • Supports light/dark themes.
  • Supports product search.

    • Technology used in website:

  • Next JS
  • TypeScript
  • Redux & Redux Persist
  • Tailwind CSS
  • Chadcn/ui

    • Technology used in Backend:

  • Express server deployed on render.com
  • JWT authentication & authorization
  • Mongodb database on mongo atlas and communicated using mongoose
  • Multi file upload using multer and images uploaded to cloudinary via API
  • Rate limiting with redis data base

    • Technology used in app:

  • React Native
  • TypeScript
  • Native Wind
  • gluestack-ui

    • Thesus

    A foot wear shopping website inspired by thesusoutdoors.com.

    React JS
    Material UI
    Node JS
    Zustand

    About Thesus :

    It is a full stack app using MERN stack (backend is not deployed).

  • Supports Arabic/English from within the user menu.
  • Supports light/dark theme from within the user menu.
  • Supports product search.
  • Backend supports authentication, session management, cart management, and addition of new products to the database.

    • Technology Used :

  • React JS.
  • MUI for components and styling.
  • i18next for localization.
  • AnimXYZ for animations.
  • React Hook Form + Yup for client-side forms and validation.
  • Zustand for state management.
  • Node.js + Express for backend.
  • MongoDB Atlas + Mongoose for database (basic usage).
  • Passport.js for authentication.

    • Approach

    Using Agile methodology with Scrum framework for early and continous software delivery, more collaboration with the customer and accomodate changing requirements following SDLC and DevOps practices.

    Requirements & Design

    Define project goals and design architecture and UI/UX

    Development & Testing

    Implement features to produce an increment and test

    Deployment & Maintenance

    Launch or integrate the increment and fix bugs

    Ready to take your digital presence to the next level?

    Reach out to me, and let's discuss how can I help you to achieve your goals.