My Projects

Fully optimized with 100% SEO, accessibility, and clean code practices. Developed for Sav Tech with a focus on performance and scalability.

KDP Digital Publishers is a website built using Next.js for Sav Tech, designed to provide full-service eBook publishing solutions to clients in the USA. The site includes services such as manuscript editing, cover & interior design, formatting, and promotional marketing for authors. It is built with performance and accessibility in mind, ensuring fast load times, clean code, and SEO best practices. The UI is responsive and user-friendly, making it easy for authors to explore services, see portfolios, request quotes, and get publishing support end-to-end.

eSanad is built as a comprehensive digital hub for insurance and document verification services in the UAE. The platform caters to both individuals and businesses, providing tailored insurance products across domains like Engineering & Construction, property investment (Musataha), and more. Users can verify medical insurance via Emirates ID, renew or obtain driver’s licenses, request insurance quotes, and receive support through a robust knowledge base (“Sanad Helps”). The site emphasizes user experience, responsiveness, and adherence to high accessibility and performance standards. Technologies such as modern front-end frameworks, document upload and handling (incl. PDF support), secure file storage, and backend APIs power its functionality.

The eSanad Admin Panel is a comprehensive management system designed to support the operations of eSanad’s insurance services in the UAE. It provides administrators with a centralized dashboard to manage users, employees, insurance records, and system configurations. The panel includes advanced Role & Permission Management for granular access control, secure authentication using modern token-based systems, and integrated modules for handling files, documents, and PDF generation. Built with scalability and maintainability in mind, the platform leverages modern frameworks and UI libraries to deliver a seamless user experience for enterprise-level workflows.

E-Commerce Red Store is one of my early career projects, created to practice front-end development skills. It is a static e-commerce website designed with HTML, CSS, JavaScript, and Bootstrap, featuring a simple yet attractive product listing layout, responsive navigation, and modern UI styling. The project highlights my foundation in front-end development and design principles. The site was deployed on Firebase Hosting for easy access and live demonstration. Although not connected to a backend or database, it demonstrates the core concepts of building an online store’s frontend structure and responsive design

This project is a full-stack social media clone developed to replicate core features of platforms like Facebook. The frontend is built with React.js, providing a responsive and interactive user experience. The backend is powered by Node.js and Express.js, with MongoDB as the database for storing user profiles, posts, and interactions. Core features include user signup and login, secure authentication, and CRUD operations for posts and user data. Additionally, Firebase was integrated for handling certain authentication and hosting services. The project was deployed using GitHub for version control and Vercel for live hosting, making it accessible for testing and exploration.

This project is a LinkedIn clone developed using React.js, replicating core social network features such as user login, signup, and homepage feeds. It leverages Firebase Authentication for secure user sign-in/sign-up and Firebase Storage for persisting user data, including profile details and posts. The app showcases a professional interface similar to LinkedIn, providing a responsive layout and interactive UI elements. Deployed on Vercel, this project highlights my ability to build real-time, dynamic applications with Firebase integration and modern React development practices.

This project is a Netflix clone developed using React.js, focusing on replicating the core UI and movie browsing experience of Netflix. The app leverages React Hooks (useState, useEffect, useRef) to manage state, lifecycle events, and UI interactions. Movie data is fetched dynamically through external APIs, allowing users to browse collections such as trending, popular, and recommended movies. The design is fully responsive, ensuring a seamless experience across desktops, tablets, and mobile devices. This project highlights skills in API integration, component-based design, and responsive front-end development.

This Weather Web App is developed using React.js and integrates a free weather API to display real-time weather data for different locations. The app uses the fetch API (via npm package) to make asynchronous requests and dynamically update the UI. Designed with a clean and responsive interface, it allows users to search for cities and instantly get updated weather conditions such as temperature, humidity, and general climate details. The project demonstrates API integration, state management with React hooks, and responsive design principles. Deployed on Vercel, the app serves as a practical showcase of working with third-party APIs in modern web applications.

This project is a Hotel Reservation System built as a full-stack application, designed to simulate a real-world hotel booking platform. It includes three major components: Admin Panel for managing hotels, rooms, users, and bookings (CRUD operations). Client-Side Interface for browsing available hotels, selecting rooms, and making reservations. Backend API built with secure routes and database connectivity to handle all business logic, authentication, and reservation workflows. The system allows admins to add/update/remove hotels and rooms, while clients can search and book in real-time. Authentication and authorization ensure data security, and the app is structured to be scalable and maintainable. This project demonstrates expertise in full-stack development, database design, and enterprise-level booking logic.