Hi, I'm Mohamed Emara
Full Stack Developer - MERN Stack
Full Stack Developer with experience in building responsive web applications using React, Next.js, Node.js, Express, and MongoDB.
About Me
Full Stack Developer with experience in building responsive web applications using modern technologies. Skilled in designing component-based architecture, developing RESTful APIs, managing application state, and integrating frontend and backend systems seamlessly. Focused on writing clean, maintainable, and efficient code while optimizing performance and ensuring a smooth user experience.
I'm passionate about staying up-to-date with the latest technologies and best practices. When I'm not coding, you'll find me contributing to open-source projects or writing technical articles to help other developers.
Clean Code
Writing maintainable and scalable code is my priority
Design Focus
Creating beautiful interfaces that users love
Performance
Optimizing for speed and user experience
Collaboration
Strong team player with excellent communication
Skills & Expertise
Continuously learning and improving my skills to deliver exceptional results
tools
database
backend
frontend
Experience & Education
My professional journey
MEAN Stack Intern
National Telecommunication Institute (NTI)
Completed hands-on MEAN Stack training through real-world projects. Developed a fully functional e-commerce backend with user registration/login, order creation, and product management. Implemented secure authentication using JWT and bcryptjs. Architected and deployed Express.js APIs with Swagger documentation. Built Angular components and services for the frontend, handling routing and user interactions. Collaborated in a team following clean code principles with Git & GitHub.
- MongoDB
- Express.js
- Angular
- Node.js
- JWT
- bcryptjs
- Swagger
- Git
- GitHub
Featured Projects
A showcase of my recent work and side projects
frontendAssnani – AI-Powered Dental Clinic Management System
Assnani is a full-stack graduation project developed as a dental diagnosis and clinic management system that leverages advanced AI-based object detection models (YOLOv7 and YOLOv8) to analyze periapical X-rays and assist dentists in detecting conditions such as caries, periapical lesions, endodontic issues, calculus, and marginal bone loss. The system combines intelligent medical diagnosis with a complete clinic workflow solution, including appointment scheduling, patient record management, queue handling, payments, and role-based access for patients, doctors, student doctors, receptionists, and administrators. It features a React.js frontend with Redux and Tailwind CSS for a responsive and dynamic user interface, and a secure ASP.NET Core backend with JWT authentication and role-based authorization. The AI diagnostic module is containerized for scalable deployment and provides high-accuracy predictions with confidence scores to support clinical decision-making. The platform also includes real-time dashboards, audit logging, and analytics to improve operational efficiency, making it suitable for clinics, hospitals, and academic training environments while enhancing both administrative performance and diagnostic accuracy.
fullstackPersonal Portfolio
Developed a full-stack portfolio using Next.js with SSR to enhance SEO performance and ensure fast load times, designed a fully responsive UI with Tailwind CSS featuring dark/light mode support, dynamic routing, and optimized image handling, built a secure admin dashboard using Node.js, Express, and MongoDB for real-time content management with RESTful API integration, and implemented smooth interactive animations using Framer Motion while optimizing performance for a seamless user experience across all devices.
frontendE-Commerce App
A fully responsive, API-driven e-commerce application — the most feature-complete shopping experience in your portfolio. This project consolidates everything you've learned: React, Redux RTK, React Router, real API data, and a complete shopping cart system — all optimized across all device sizes.
frontendSocial Media App
A full-featured social media application with real API integration, authentication, and advanced UX features like infinite scrolling. This is your most production-grade project — it moves away from Firebase's abstracted backend into real REST API consumption, which is exactly how enterprise applications are built.
frontendTask Management App
A frontend task management application built with a modern React stack, focused on clean state management and a robust filtering system. Think of it as a more sophisticated, production-ready evolution of your Todo App — with centralized state via Redux and utility-first styling via Tailwind.
frontendBeats Headphones — Responsive Product Landing Page
A responsive product landing page for the Beats 3 headphone, styled as a premium consumer electronics product page. This is a single-product showcase — closer to an Apple/Beats-style product marketing page than a general e-commerce store. Based on a Bedimcode tutorial template.
frontendCloud Storage Landing Page
A React + Vite implementation of the Fylo challenge from Frontend Mentor — a popular platform where developers build real UI projects from professional design specs. This is a significant tech stack upgrade compared to your previous vanilla HTML/CSS/JS projects.
frontendFashion — E-Commerce Clothing Website
A static e-commerce landing page for a fashion/clothing brand. This is your most commercially realistic project — it closely mirrors the structure and UX patterns of real online fashion stores like ZARA, H&M, or ASOS, complete with promotions, app download banners, and a newsletter section.
frontendSkywings — Travel & Flight Booking Website
A multi-section static landing page for a fictional travel platform called "Skywings", positioned as a premium flight and tour booking service. It's the most content-rich of your three projects, with 7 distinct sections and a polished, professional structure.
frontend
Latest Articles
Thoughts on software development, technology trends, and coding best practices
Mastering File Uploads in Node.js with Multer: Storage, Validation, and Best Practices
Learn how to handle file uploads in Node.js and Express.js using Multer. Discover the differences between dest and diskStorage, how to validate uploaded files with fileFilter, generate custom file names, and follow production-ready practices for secure and organized file management.
Store Images in Your Node.js Backend with Cloudinary (No Temporary Files)
earn how to upload images directly to Cloudinary using upload_stream in Node.js. Discover why storing public_id and secure_url matters, how streaming avoids temporary files, and the best practices for secure media uploads.
Certificates
Professional certifications and completed courses
Sprints x Microsoft Summer Camp - Web Development
Sprints & Microsoft
Successfully completed the Sprints x Microsoft Summer Camp in Web Development — a 40-hour learning workload program. Signed by Ayman Bazaraa, CEO of Sprints.
Getting Started with Deep Learning
NVIDIA & NTI
Awarded by NVIDIA for demonstrating competence in deep learning fundamentals. Signed by Greg Estes, Vice President at NVIDIA.
MEAN-Stack Web Development
ITIDA & NTI
Successfully completed the summer training course of MEAN-Stack Web Development from 06 July to 31 July 2025. Total 120 hours (90 technical + 30 freelancing). Score: 93.5%.
Database Fundamentals
Mahara-Tech (ITI Platform / Information Technology Institute Platform)
Successfully completed the Database Fundamentals course on the ITI Platform (Mahara-Tech), with a total course time of 2 hours and 47 minutes.
Get In Touch
Have a project in mind? Let's work together to create something amazing
Let's Talk About Your Project
I'm always interested in hearing about new projects and opportunities. Whether you have a question or just want to say hi, feel free to reach out!