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
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.
Syarti
This project is a front-end user interface for a car rental service website, built entirely with HTML and CSS. It features a clean, modern, and responsive design that allows users to: Select a pickup location Choose pickup and return dates Search for available cars Easily navigate through the website using a clear and intuitive layout The UI includes a hero section with a call-to-action, a booking form, and navigation links such as home, cars, branches, offers, and contact. It is designed to provide a seamless user experience and can be used as a foundation for integrating dynamic functionality later using JavaScript or backend technologies. 💡 Perfect for demonstrating HTML/CSS layout skills and UI design for modern web applications.
Recent Blog Posts
View All Posts
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