Hi, I'm Mohanad Ayoub
Next.js, React Developer
Crafting beautiful and performant web experiences with the latest technologies
Skills & Technologies
Technologies and tools I use to build modern web applications
My Projects
A showcase of my recent work and projects
ECourse LMS
ECourse is a modern, full-stack Learning Management System (LMS) built with Next.js 16 and a scalable, production-ready architecture. It provides secure authentication, course management, payments, subscriptions, coupon handling, and optimized media delivery — all designed for real-world educational platforms.
Lorial
The Hub For every Developer events For better Development Future. Lorial Is Next 16 project with the latest features integrated with posthog to track all kind of actions in website and handle error properly also made along side with features like sending booking emails from resend service and used mongoDB Atlas for database and imakgeKit cloud
Web Field
Web Field is a dynamic platform designed for entrepreneurs and new startups to share their innovative ideas and gain visibility within the community. It allows users to create detailed startup pitches, including a title, description, category, image URL, and the pitch content in Markdown. By connecting like-minded individuals
Todo-list React App
A modern, accessible, and responsive Todo List application built with React and Material-UI (MUI). This project demonstrates best practices in React development, including state management with useReducer, context API for global state, localStorage caching, custom hooks, and UI accessibility (WCAG compliant).
Weather Redux App
A responsive and multilingual weather application built with React, Redux Toolkit, Axios, and Material-UI. This app fetches real-time weather data from the OpenWeatherMap API, dynamically displays weather information, and supports language switching between Arabic and English.
Mohanad Animations
A responsive, multi‑section animations website built with semantic HTML5, modern CSS3, and vanilla JavaScript for interactivity. This project is ideal as a learning resource, a starter template.
3D Scene Website
This project is a 3D transformations in CSS It serves as a learning exercise in using HTML, CSS (specifically CSS 3D transforms), and how to structure a minimal 3D scene for the web, without relying on external 3D libraries or WebGL.
Get In Touch
Have a project in mind or want to collaborate? Let's talk!