I am Mustafa

Front End Web Developer

Hi! I am a passionate Frontend Developer with a strong technical skill-set and a keen attention to detail. Responsible for designing and implementing the user interface of Responsive Websites.

Profile picture of I am Mustafa

Services

Web Applications

Web Applications

Tailored web apps built with the latest technologies

E-commerce Websites

E-commerce Websites

Secure online stores with user-friendly shopping and payments.

API Integration

API Integration

Seamless integration for smooth data sharing and functionality.

User Interfaces

User Interfaces

Engaging, responsive front-end designs for better user experiences.

Database Solutions

Database Solutions

Efficient and scalable database management for your data needs.

Real-Time Features

Real-Time Features

Add live chat, notifications, and real-time data updates.

Speed Optimization

Speed Optimization

oost performance with faster load times and optimization

Website Management

Website Management

Easy content management systems with flexible controls.

My Skills

Frontend

image__skillHTML
image__skillcss
image__skillJavaScript
image__skillTypeScript
image__skillSASS
image__skillReact Js
image__skillAngular
image__skillNext Js
image__skillRedux
image__skillTailwind CSS
image__skillMaterial UI
image__skillBootstrap
image__skillshadcn/ui

Backend

image__skillNode JS
image__skillExpress JS
image__skillMongoDB
image__skillFirebase
image__skillStrapi
image__skillSanity

Languages

image__skillC++
image__skillC
image__skillJavaScript
image__skillPython
image__skillTypeScript

Tools

image__skillGit
image__skillGithub
image__skillVS Code
image__skillMongoDB Compass
image__skillStripe

Experience

Frontend Developer Intern Image

Frontend Developer Intern

Information and Decision Support Center • July 2024 - Aug 2024

Undertook a rigorous one-month training in frontend development, gaining hands-on experience in HTML, CSS, JavaScript, React, and Material UI for building responsive and dynamic interfaces.

MEAN Stack Developer Intern Image

MEAN Stack Developer Intern

Information Technology Institute • Sep 2024 - Oct 2024

Completed a one-month training in full-stack development with the MEAN stack, focusing on building RESTful APIs, developing Angular applications, and managing MongoDB databases.

my Projects

project-image
Next Js
Tailwind
TypeScript
Clerk
Redux
E-Commerce Shop
E-Commerce Shop is an online store built with Next.js, Tailwind CSS, and TypeScript. It features account management using Clerk and state management with Redux, offering a modern and responsive design.
project-image
Next Js
Tailwind
TypeScript
Burger Shop Website
modern burger shop website built with Next.js, Tailwind CSS, and TypeScript. This project showcases a clean, responsive design with a user-friendly interface for browsing the burger menu .
project-image
Sanity
Next.js
TypeScript
Shadcn-ui
Full Stack Blog App
A personal blog built with Sanity, Next.js, TypeScript, and Shadcn-ui. The first part covers setting up the backend with Sanity and building the frontend with Next.js and TypeScript.
project-image
Next.js
Tailwind CSS
TypeScript
Date Picker
Airbnb Clone
A clone of Airbnb built with Next.js, ReactJS, Tailwind CSS, and additional features like Calendar and Date Picker. This project demonstrates how to create a modern, scalable platform for booking listings with date selection.
project-image
React Js
Bootstrap
Redux
RESTful APIs
E-commerce website
A modern, fully responsive e-commerce platform built with React, Bootstrap, Redux, and RESTful APIs. It provides a seamless shopping experience across all devices, allowing users to search for products, add them to the shopping cart, and save their favorites to a wishlist. The site features secure login, registration, and logout functionalities, ensuring a personalized and secure user experience. With a sleek, intuitive design, the platform makes online shopping easy and enjoyable.
project-image
React Js
Bootstrap
Redux
Movie Website
A movie web application where users can search, view movies, and view movie details. It is built using React.js for dynamic drawing, Redux for state management, and Bootstrap for responsive design. The app integrates movie data from API and provides a seamless browsing experience.
project-image
React Js
Full Calendar
Nivo Charts
Admin Dashboard
A data-driven admin dashboard built with React.js, FullCalendar, and Nivo Charts. It offers real-time data visualization with interactive charts and calendar functionalities, enabling administrators to manage and track information efficiently. The application provides a modern interface for managing dynamic content.
project-image
HTML
CSS
JavaScript
Bootstrap
E-commerce website
A modern e-commerce website built using HTML, CSS, JavaScript, and Bootstrap. This project features a responsive and user-friendly design, showcasing products with detailed descriptions, pricing, and images. Key functionalities include a shopping cart, product filtering, and an intuitive navigation system. The website is fully deployed and accessible online, offering a seamless shopping experience for users.
project-image
HTML
CSS
JavaScript
Islamic website
A modern, fully responsive Islamic platform built using HTML, CSS, and JavaScript, providing users with accurate prayer times and authentic Hadiths fetched from an API. The website offers a clean and user-friendly interface, ensuring easy navigation across all devices. Users can view daily prayer times for their location and access a collection of Hadiths, making it a valuable resource for Islamic practices. With its intuitive design, the platform combines functionality with a seamless user experience.
project-image
HTML
CSS
JavaScript
Weather App
A simple and interactive weather application built using HTML, CSS, and JavaScript. The app fetches real-time weather data from an external API and displays information such as temperature, humidity, wind speed, and weather conditions for a user-selected location. With a clean and responsive design, it provides an easy-to-use interface for checking weather updates on various devices.
project-image
HTML
CSS
JavaScript
Bootstrap
Restaurant Landing Page
A visually appealing restaurant landing page developed using HTML, CSS, JavaScript, and Bootstrap. The page is designed to engage visitors, showcasing the restaurant's services, menu, and contact information in a dynamic and user-friendly manner.
project-image
HTML
CSS
JavaScript
Bootstrap
Harly Landing Page
A dynamic landing page for a fictional Harley-Davidson-themed project, built with HTML, CSS, JavaScript, and Bootstrap. The page highlights the brand's offerings and provides an interactive and visually captivating experience for users.
project-image
HTML
CSS
JavaScript
Bootstrap
Darky Landing Page
A modern, responsive landing page designed using HTML, CSS, JavaScript, and Bootstrap. The page delivers an impressive user experience with smooth animations, a clean layout, and attention-grabbing design elements. It's fully responsive across devices, ensuring optimal usability.
project-image
HTML
CSS
Bootstrap
Gaming Landing Page
A visually appealing and responsive gaming landing page built using HTML, CSS, and Bootstrap. This project features a modern design, with sections for game details, promotional content, and call-to-action buttons. It is fully optimized for desktop and mobile views, offering a seamless experience across different devices. The page is designed to attract gamers with engaging visuals and interactive elements, ideal for promoting a gaming product or event.
project-image
HTML
CSS
JavaScript
Bootstrap
Calculator
A feature-rich e-commerce website built with HTML, CSS, JavaScript, and Bootstrap. This project includes a user-friendly interface for browsing products, adding them to the shopping cart, and proceeding to checkout. It also features product categories, detailed descriptions, and a responsive design that adapts to different screen sizes. The website is fully functional and deployed, offering an intuitive shopping experience on all devices.
project-image
HTML
CSS
JavaScript
Bootstrap
Hangman Game
A fun and interactive Hangman game built using HTML, CSS, JavaScript, and Bootstrap. This project allows users to guess letters to complete a word within a limited number of attempts. It features dynamic feedback, such as displaying incorrect guesses and updating the visual representation of the game. The game is responsive, ensuring a smooth experience on both desktop and mobile devices. A great example of combining game logic with web design!

Education

Benha University Image

Benha University

Benha, Egypt • Graduated: 2025

Bachelor of Science in Computer Science, focusing on computer science fundamentals including algorithms, data structures, and programming languages. GPA: 3.1 / 4.

MEC Academy Image

MEC Academy

Dokki, Egypt • July 2023 - Jan 2024

I completed a Front-End Developer course where I gained hands-on experience with HTML, CSS, Bootstrap, JavaScript, SASS, and React to build responsive and dynamic web applications.

Contact

Email Me 🚀

Mustafa Khaled

© 2024 Mustafa Khaled. All rights reserved.