Welcome,

I'm Mohamed Sharaf,
a Full-stack Developer

const fullstackDeveloper = {
name: ' Mohamed ' ,
title: ' Full-stack Developer ' ,
skills: ['HTML' , 'CSS' , 'Javascript' , 'Bootstrap' , 'TailwindCSS' , 'SASS' , 'React' , 'Next' , 'Typescript' , 'Redux Toolkit' , 'Zustand' , 'Node' , 'Express' , 'MongoDB' , 'REST APIs' , 'JsonWebToken'],
tools: ['GitHub' , 'Git' , 'Figma' , 'Vite' , 'WebpackFull-stack' , 'NPM' , 'Postman'],
hardWorker: true ,
quickLearner: true ,
problemSolver: true ,
employable: function () {
return (
this.hardWorker &&
this.problemSolver &&
this.skills.length >= 5
);
}
}

About Me

About Me

My name is Mohamed, a passionate Frontend Developer having an experience of building Websites with JavaScript / Reactjs / HTML / CSS and some other cool libraries and frameworks. Being a front-end developer requires a combination of technical skills, creativity, attention to detail, and effective communication, to create visually appealing and highly functional websites and web applications that meet the needs of users.

skills

html

HTML

css

CSS

js

Javascript

Bootstrap

Bootstrap

Tailwind

Tailwind

MaterialUi

Material Ui

next

Next

sass

Node

sass

Express

sass

MongoDB

sass

JWT

react

React

React-Router

React Router

Redux

Redux

NPM

NPM

webpack

Webpack

git

Git

postman

Postman

projects

Smart parking

const project = {
name: ' Smart Parking ' ,
tools: ['Node' , 'Express' , 'MongoDB' , 'JsonWebToken' , 'Bcrypt' , 'nodemailer'
myRole: Backend Developer ,
Description: ' Designed and implemented the backend architecture for a smart parking application, including secure user authentication, real-time booking logic, and license plate recognition integration. Developed RESTful APIs, ensured data integrity, and optimized performance for efficient spot management and availability tracking. ' ,
GitHub Repo: https://github.com/MohamedElsayedSharaf/Makank-Mahgooz ,
}
smart-parking

Coza Store

const project = {
name: ' Coza Store ' ,
tools: ['React.js' , 'JavaScript' , 'JSX' , 'Tailwind css' , 'Material tailwind' , 'Redux toolkit'
myRole: Frontend Developer ,
Description: ' This project is an e-commerce website for selling products. Key features include product listings, add-to-cart and remove-from-cart functionalities, and user authentication (sign-up and login). The sign-up and login functionalities are implemented without a backend, and the product data is managed redux toolkit. The project is built using JavaScript, React.js, JSX, Tailwind, React-Router-Dom, Redux Toolkit, and is fully responsive. ' ,
GitHub Repo: https://github.com/MohamedElsayedSharaf/coza-store ,
}
coza-store

Fit Club

const project = {
name: ' Fit Club ' ,
tools: ['React' , 'CSS' , 'Javascript' , 'Framer-motion' , 'EmailJs'
myRole: Frontend Developer ,
Description: ' Experience fitness like never before with our sleek, modern gym website. Built with React and styled with CSS, our site offers a dynamic, visually stunning user experience. Enjoy engaging Framer Motion animations and effortless communication through EmailJS. From booking sessions to exploring our services, our website is designed to motivate and inspire your fitness journey. Dive in and connect with fitness today! ' ,
GitHub Repo: https://github.com/MohamedElsayedSharaf/fitness-app ,
}
greeny

Solarease

const project = {
name: ' Solarease ' ,
tools: ['vite' , 'React' , 'axios' , 'Tailwind' , 'Redux toolkit'],
myRole: Frontend Developer ,
Description: ' "Developed a responsive and user-friendly frontend for a solar panel website using modern web technologies. Translated UI/UX designs into interactive components, optimized performance for all devices, and ensured a seamless user experience with clean, maintainable code. ' ,
GitHub Repo: https://github.com/MohamedElsayedSharaf/Solarease ,
}
solar-panel

Carhub

const project = {
name: ' Carhub ' ,
tools: ['Next' , 'React' , 'Typescript' , 'Tailwind' , 'headless UI'],
myRole: Frontend Developer ,
Description: ' Explore the ultimate car discovery experience with CarHub, built using Next.js and React for a fast, responsive interface. Styled with Tailwind CSS for a sleek and modern look, our app ensures cross-browser compatibility with Autoprefixer and is powered by TypeScript for reliable, type-safe code. Discover, compare, and find your perfect car with ease on CarHub! ' ,
GitHub Repo: https://github.com/MohamedElsayedSharaf/car-showcase-next ,
}
coza-store

Ecommerce APIs

const project = {
name: ' Ecommerce APIs ' ,
tools: ['Node' , 'Express' , 'MongoDB' , 'express-async-handler' , 'multer' , 'sharp'],
myRole: Frontend Developer ,
Description: ' Built robust backend APIs for an eCommerce platform, enabling seamless product browsing, cart operations, and order management. Implemented secure authentication, integrated third-party payment services, and ensured high performance and data consistency across the system. ' ,
GitHub Repo: https://github.com/MohamedElsayedSharaf/ecommerce-apis ,
}
apis

Real-estate

const project = {
name: ' Real-estate ' ,
tools: ['React' , 'CSS' , 'Bootstrap' , 'JavaScript' , 'React-three' , 'React-Router-Dom'
myRole: Frontend Developer ,
Description: ' Real Estate Explorer is a modern web app built with React, Bootstrap, JavaScript, and React-Three, providing an immersive property browsing experience. It features interactive 3D property tours, advanced search options, and a responsive design, making it easy for users to explore and discover real estate listings. ' ,
GitHub Repo: https://github.com/MohamedElsayedSharaf/real_estate_website ,
}
coza-store

Streamit

const project = {
name: ' Streamit ' ,
tools: ['React' , 'CSS' , 'Javascript'
myRole: Frontend Developer ,
Description: ' StreamIt is a dynamic movies application built with React, JavaScript, and CSS, offering users an engaging platform to discover and stream their favorite films. With a sleek, responsive design, StreamIt features a user-friendly interface for browsing movie collections, personalized recommendations, and detailed movie information, providing an immersive entertainment experience. ' ,
GitHub Repo: https://github.com/MohamedElsayedSharaf/movie_app ,
}
coza-store

Cata Shop

const project = {
name: ' Cata Shop ' ,
tools: ['HTML' , 'CSS' , 'Javascript'],
myRole: Frontend Developer ,
Description: ' Cata Shop is a stylish and user-friendly e-commerce website built with HTML, JavaScript, and CSS, designed to provide a seamless online shopping experience. Cata Shop features a wide range of products, intuitive navigation, and a clean, responsive layout, allowing users to effortlessly browse, search, and purchase items. ' ,
GitHub Repo: https://github.com/MohamedElsayedSharaf/Ecommerce-html ,
}
coza-store

CRUD

const project = {
name: ' CRUD ' ,
tools: ['HTML' , 'CSS' , 'Javascript'],
myRole: Frontend Developer ,
Description: ' CRUD refers to the four basic operations a software application should be able to perform – Create, Read, Update, and Delete. ' ,
GitHub Repo: https://github.com/MohamedElsayedSharaf/crud-app ,
}
coza-store

Weather API

const project = {
name: ' Weather API ' ,
tools: ['JavaScript' , 'CSS' , 'Weather API'],
myRole: Frontend Developer ,
Description: ' This Weather App, built with JavaScript and powered by a Weather API, provides real-time weather updates and forecasts for any location. Users can quickly check current conditions, temperature, and detailed weather information through an intuitive and easy-to-use interface. ' ,
GitHub Repo: https://github.com/MohamedElsayedSharaf/weather-app ,
}
coza-store

Shopping Cart

const project = {
name: ' Shopping Cart ' ,
tools: ['React' , 'TypeScript' , 'Material Ui', 'react-query' , 'Styled components'],
myRole: Frontend Developer ,
Description: ' This Shopping Cart application, built with React and TypeScript and styled using Styled Components, offers a robust and interactive platform for managing online shopping. It features a sleek design, real-time product updates, and seamless cart management, providing users with a smooth and engaging shopping experience. ' ,
GitHub Repo: https://github.com/MohamedElsayedSharaf/shoppping_cart ,
}
coza-store

Educations

September 2021 - May 2025

Faculty of Computer Science

MET

2009 – 2021

High School diploma

Sengab Foraml Language School

Contact

If you have any questions or need further information, please feel free to reach out to me. I'm open to opportunities that match my expertise and interests.

Please enter a valid name with at least 3 characters.

Please enter a valid email address.

Please enter a valid message with at least 3 characters.

  • sharafmohamed534@gmail.com
  • 01285147876
  • Mansoura, Egypt