Mohammad Khasati
I
I create cutting-edge web experiences with modern technologies. Specializing in React, Next.js, and full-stack development.
Recent Projects
View All Projects
My Hotel System
Developed a Smart Hotel Management System using PHP and MySQL, designed to streamline all hotel operations including user management, room categorization, reservations, services, payments, and feedback. The system features a centralized database that securely stores user information, tracks room availability, manages reservation requests, and calculates service charges automatically. Administrators can oversee staff accounts, monitor transactions, and generate insights from customer feedback, while customers can easily browse rooms, book reservations, and request additional services. This project demonstrates my ability to build a full-featured, data-driven web application with a structured database, efficient workflows, and a user-friendly interface, enhancing both operational efficiency and customer experience.
Parking System
Developed a comprehensive Parking Management System using PHP and MySQL, designed to efficiently manage vehicle parking in public areas such as universities, hospitals, and shopping centers. The system allows seamless vehicle registration, real-time tracking of parking space availability, automated entry and exit logging, and precise calculation of parking fees based on duration. Administrators can manage users, update parking spots, and generate detailed daily and monthly reports. This project demonstrates my ability to design a complete web-based system with a centralized database, user-friendly interface, and practical automation features, enhancing operational efficiency and user experience.
Craftly.io – Digital Identity Platform for Students & Graduates
Craftly.io is a modern web platform designed to help students and professionals build their digital identity with ease. It provides three main free services: Create a personal portfolio to showcase skills and projects Design a professional CV with downloadable PDF export Build an interactive graduation book to save memories, photos, and receive congratulatory messages The platform is fully responsive and was developed using modern technologies including React.js, Next.js, TypeScript, and Tailwind CSS. Craftly.io features a personalized dashboard where users can manage their projects, view activity statistics, and quickly launch new creations. The project focuses on a clean UI/UX, fast performance, and simplicity—making it accessible to users without any technical background.
Graduation Notebook – Digital Congratulations Book
Graduation Notebook is a modern, single-page web application designed to celebrate graduates in a unique and interactive way. The platform allows friends and family to easily share their congratulatory messages and photos in one organized, visually appealing page. Each graduate receives a personalized link displaying their name, photo, and a custom cover image at the top. Below, users can submit messages with their name and photo, which are instantly displayed on the same page. The application features a fully responsive design, ensuring a seamless experience across mobile phones, tablets, and desktops. Built using Next.js and styled with Tailwind CSS, the project emphasizes user-friendliness and accessibility. Graduates can share their custom page with anyone, making it perfect for remote celebrations and memorable keepsakes.
Modern School Website
A responsive and visually appealing website designed for schools, kindergartens, or educational centers. The website features key sections such as an about page, staff introduction, activities, gallery, and a contact form. Built with modern web technologies, the site ensures fast loading, smooth navigation, and an attractive layout across all devices. This project demonstrates my ability to deliver custom solutions that fit the specific needs of educational institutions.
Weather Prediction for Tomorrow
This is a simple, user-friendly weather prediction web application built as part of an Artificial Intelligence assignment. The app uses a form-based interface to collect key weather indicators and predicts tomorrow’s weather using a basic rule-based or AI logic model (depending on implementation). 🔧 Technologies Used: HTML CSS JavaScript (optional, for form logic or rule-based prediction) 📋 Features: Dropdown selections for: Today’s weather condition Rainfall amount Temperature level Sky condition CF values (certainty factors) to reflect confidence in inputs A submit button to calculate and display the weather prediction 🎯 Purpose: This project demonstrates how simple AI techniques such as certainty factors (CF) and rule-based reasoning can be applied in a web environment to make predictive decisions. It is ideal for students or developers learning about expert systems and AI in web apps.
Recent Blog Posts
View All Posts
Mastering Design Patterns in Java: Cake Ordering System Project
Learn how to implement Factory, Decorator, Observer, and Singleton patterns in Java with a practical Cake Ordering System project.
Building Custom React Hooks for Clean and Reusable Logic
Learn how Custom Hooks in React let you extract and share stateful logic across components, keeping your code DRY and easy to maintain.
Enhancing User Experience with Skeleton Screens in React
Slow-loading data can frustrate users. Learn how to implement skeleton screens in React to provide a polished, instantaneous feel while your app fetches content.
Building a Light/Dark Mode Toggle in React with CSS Variables
A quick guide to adding a stylish light/dark theme switcher in your React app using CSS variables and local storage for persistence.
Optimizing Web Performance with Lazy Loading Images
A practical guide to accelerating page load times and conserving bandwidth by deferring image loading until they enter the user’s viewport.
State Management in React Using the Context API
A concise guide to leveraging React’s Context API for global state management without prop drilling, improving code readability and simplifying data flow across your component tree.
Skills & Technologies
About Me
Learn MoreMohammad Khasati
I am a Full-Stack Web Developer with a background in Computer Systems Engineering from Palestine Technical University– Kadoorie. Skilled in React, Next.js, TypeScript, Tailwind CSS, and Node.js.
Read My Story