Research & Discovery
I start by understanding your goals, audience, and constraints. We discuss the idea, collect references, and define what success looks like before writing any code.
→
Portfolio · Egypt
MohamedNasser.
Welcome to my studiomoonasser.site
const dev = "Mohamed";
build(ideas);
ship(fast);
loading_
scroll ↓
holabonjourciaoこんにちはsalutoláhalloпривет
Mohamed Nasser — Web Developer, Robotics & Game Developer in Egypt
scroll
I'm Mohamed — a creative developer, video editor & graphic designer
based in Egypt
WEB DEV✦ROBOTICS✦UNITY GAMES✦C++✦AI✦
not just another
YOURPARTNER
I sit on your side of the table — strategy, design and code, shipped as one.
I help
StudentsSAT LearnersSchoolsRobotics TeamsStartupsBrandsGame DevelopersAI BuildersVideo EditorsGraphic DesignersContent Creators
ABOUT ME
Mohamed Nasser
High School Student · Web Developer · Robotics Engineer · Game Developer · Video Editor · Graphic Designer · Aspiring AI Engineer
I'm a Grade 11 American diploma student with a strong passion for technology and engineering, with a solid foundation in web development, game development and robotics built through hands-on projects.
I completed a Web Design course (HTML, CSS, JavaScript), and I build 2D and 3D games in Unity with C#. My primary focus is robotics, where I program and build projects in C++ and compete — including ORCE at Pharos University in Alexandria.
I also work with computer hardware maintenance and customization, and apply cybersecurity fundamentals to build safer digital solutions. Right now I'm preparing for the SAT and ACT while shipping several web projects and moving toward AI.
Beyond code, I edit videos, design graphics, and create content — helping creators, teams, and brands turn ideas into polished visual work.
HTML
CSS
JavaScript
C++
C#
Unity 2D/3D
Robotics
Hardware
Cybersecurity basics
Video Editing
Graphic Design
Content Creation
HOW I WORK01 02 03 04
My process, step by step
A simple, organized workflow that keeps every project clear from the first idea to the final delivery.
Planning & Design
I turn the research into a clear plan — structure, visuals, and tech stack. Wireframes or quick prototypes come first so we agree on direction early.
→
Build & Execute
I build the project in focused stages, keeping you updated with progress. Clean code, responsive layouts, and real content replace placeholders as we go.
→
Test & Deliver
I test across devices, fix bugs, and polish the details. Once everything feels solid, I hand over the project with any files or guidance you need.
Live Projects
Projects & Products
STEM Educational Platform
A STEMer Zone platform built as a bigger alternative to existing STEM learning sites.
VisionTrack
AI & computer vision project to help locate missing persons — currently a demo.
Eagle Eye
ITC 2026 Egypt Edition project — smart detection & tracking system with a precision targeting vision.
DroneRoute AI
ITC 2026 Egypt Edition project — AI-powered drone routing and navigation for smart aerial missions.
MedAtlas
Medical mapping platform — find medicines and pharmacies nearby with smart location routing.
Step Education
Step by step to your future — an educational platform empowering students to build their future.
Voyager
NASA Space Apps hackathon project — a space exploration hub for news, observing guides and community learning resources.
OPEN SOURCE & FREE RESOURCESDownload PDFSee every version of the book →Download the book
Useful things you can actually use
Free project starters, UI components, code snippets, cheat sheets, templates and community experiments. Take them, fork them, copy them, and build on top of them.
WebTemplate
SIDERA
A modern landing-page starter built with Vite, React and Tailwind — ready to customize and deploy on GitHub Pages.
View on GitHub →WebEducation
Step Edu
An educational platform starter with auth, dashboards and course pages — a solid base for any learning project.
View on GitHub →STEMWIP
Stem Drive
Work-in-progress space for STEM experiments, tools and community-driven learning resources.
View on GitHub →Free learning roadmaps
The exact order I would learn each track today — no random tutorials, no skipping the boring parts.
Web Developer
12 weeks- 01HTML + CSS: build 3 static pages from screenshots
- 02Flexbox & Grid until layout stops scaring you
- 03JavaScript basics + DOM: build a to-do and a quiz
- 04Fetch & async: consume a public API
- 05React + hooks: rebuild the to-do with state
- 06TypeScript, then one full project with a database
- 07Deploy it, write the README, share the link
Robotics Engineer
10 weeks- 01Electronics basics: voltage, current, resistors
- 02Arduino I/O: LEDs, buttons, serial debugging
- 03Sensors: ultrasonic, IR, IMU — read before you move
- 04Motors and drivers: PWM and safe wiring
- 05Non-blocking loops with millis(), no delay()
- 06PID control: build a line follower
- 07Add Bluetooth/Wi-Fi and a phone controller
Game Developer
10 weeks- 01C# fundamentals: variables, classes, collections
- 02Unity editor: scenes, prefabs, components
- 03Movement and physics, then make it feel good
- 04UI, menus, scoring and save data
- 05Audio and juice: particles, shake, feedback
- 06Level design: teach mechanics without text
- 07Build, test on device, publish a playable demo
Copy-paste components & snippets
UI components, robotics loops, Unity scripts and dev-tool starters. Click a tab, then copy what you need.
Sticker card component
<div class="rounded-xl border-4 border-black bg-white p-5 shadow-[6px_6px_0_0_#000]">
<h3 class="text-xl font-bold">Your title</h3>
<p class="mt-2 text-gray-600">Your content goes here.</p>
</div>Primary button
<button class="rounded-lg border-4 border-black bg-red-500 px-5 py-2 font-bold text-white shadow-[4px_4px_0_0_#000] transition-transform hover:-translate-y-0.5 active:translate-y-0">
Click me
</button>Responsive navbar shell
<nav class="flex items-center justify-between px-6 py-4">
<a href="/" class="font-bold">Logo</a>
<ul class="hidden gap-4 sm:flex">
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>Clean form input
<label class="block text-sm font-bold" for="email">Email</label>
<input
id="email"
type="email"
class="mt-1 w-full rounded-lg border-4 border-black bg-white px-4 py-2 shadow-[4px_4px_0_0_#000]"
placeholder="you@example.com"
/>The Dev Field Book — 93 pages (PDF)
A free 86-chapter reference book I wrote: web, robotics, Unity, databases and AI, a shortcuts part, a full depth part on algorithms, architecture, system design, security and career, a part where I break down all 11 of my own projects, a part on career paths and specialisations — plus a concrete list of 20 AI tools every programmer should know, with what each one is actually good for.
- HTML, CSS, flexbox, grid and responsive design
- JavaScript core, DOM, events and async fetch
- React fundamentals, hooks and TypeScript kit
- Git, terminal, VS Code and debugging workflows
- Performance, accessibility and SEO
- Python, C++ and Arduino for hardware projects
- Unity game dev, physics, UI and game feel
- Databases, APIs, security and AI prompting
Learn to Code from Zero — Expanded Edition (PDF)
A free beginner course book (written in Arabic) with deeper explanations, examples and exercises: what programming is, setting up your computer, HTML & CSS, JavaScript & the DOM, two hands-on projects, every coding path (Frontend, Backend, Mobile, Games, Robotics, Cybersecurity, AI), Git & GitHub, AI tools, and a 3-month plan.
VIDEOS & ANIMATIONS
Motion work
A mix of edited videos, motion graphics, and animated experiments I've worked on.
ITC — Egypt 2026
Me at the 6th International Telecommunication Conference
Presented VisionTrack AI at ITC — Egypt 2026, hosted by the Egyptian Military Academy and the Air Defense College.
MY RESUME
Download my CV
A one-click PDF with my profile, skills, live projects and experience — designed exactly like this site.
Download CV (PDF)PDF · 2 pages · updated 2026
QUESTIONS & ANSWERS
Frequently Asked Questions
Quick answers about working together, timelines, and how we can build something great.
LET'S TALK✦VIDEO EDITING✦GRAPHIC DESIGN✦AI✦ROBOTICS✦
Let's build something impactful together.
Have a project, collaboration, or idea in mind? Feel free to reach out — I'd be happy to connect.
What people say
“
ngl i didn't expect this from someone in grade 11. site opens instantly and doesn't look like every other template out there.
“
we talked about the idea on a sunday, by thursday there was a working site. i didn't have to follow up once.
“
two competitions with him so far. the guy is fixing bugs at 2am and still comes in the morning with a plan.
“
he edited 3 of my videos. the cuts and the graphics made a difference in the views, i saw it in the numbers.
“
built our platform from zero. the part i liked most is my students use it without me having to explain anything.
“
our SAT platform came out exactly the way i wanted. saves me like 3-4 hours a week on correcting alone.
“
i'm not a tech person at all, and still i understood everything he explained to me. he doesn't complicate things.