Blogs for Mahmoud Derbala

Airbnb-App

This project is a website for booking hotels specifically designed for tourists, built using Next.js, providing a unique and efficient experience for users seeking an ideal stay during their tourist trips. Modern libraries like Tailwind CSS were used to enhance the design and offer an attractive, user-friendly interface. The Fetch API technology was utilized to retrieve data for some hotels and tourist destinations, providing accurate and up-to-date information for users looking to make reservations. Leveraging these technologies contributes to making the search and booking process smooth and convenient. With its fully responsive design, users can access and navigate the site efficiently on various devices and screen sizes. The website offers a comfortable and integrated user experience for tourists looking for perfect hotels for an enjoyable stay during their travels.

Yummy-App

This project is a website showcasing the world's most famous dishes in the culinary world, built using JavaScript. JavaScript was employed to fetch data through the Fetch API, specifically utilizing the Axios library for efficient request management. jQuery was used to add creative touches to the website, providing additional value and interactivity to the user experience. jQuery allows dynamic formatting and enhancement of elements, giving the site a unique and appealing character. With its fully responsive design, the website enables users to explore dish content seamlessly and effectively across various screen sizes and device types. The site offers a smooth and enjoyable browsing experience, enhancing the understanding and exploration of the global culinary world.

Danials-App

This project is a beautiful and distinctive website created using HTML, Bootstrap, and enhanced with the creative touch of jQuery. The site stands out with an exceptional and aesthetic design, showcasing uniqueness in the libraries used, such as jQuery, and the utilization of Bootstrap CSS. HTML served as the primary language for building the fundamental structure of the pages, while Bootstrap enhanced the design with its user-friendly and ready-to-use components. Creative touches were added through jQuery, enhancing interactivity and dynamism in the user experience. Furthermore, the site is fully responsive, meaning it adapts perfectly to various screen sizes and device types. Thanks to these features, the website provides a seamless and engaging browsing experience across different devices.

Movies app (Reactjs)

I launched an exciting project using React.js and Bootstrap, developing a dynamic and engaging user interface. I utilized the Fetch API to retrieve movie data, presenting it in an organized and appealing manner on the page. Leveraging React's component-based approach efficiently and Bootstrap for quick and effective design enhancements. This project allows users to easily explore and discover the latest movies, making the movie-watching experience unique and enjoyable.

Travel-App UI/Ux NextJs

Get ready for an extraordinary design and user experience journey in our travel project, built on Next.js 14. With the inclusion of TypeScript and Tailwind CSS, we offer a seamless and stylish user interface, allowing users to effortlessly explore and customize their travel adventures. This project harmonizes the flexibility of Next.js with the power of TypeScript and the aesthetics of Tailwind CSS to deliver a unique and captivating travel experience.

Egypt-Shop Full Stack Next.js E-Commerce

I leveraged Next.js 14 as the primary front-end framework, enhancing the development experience with its smooth workflow and improved performance. On the backend, Sanity was adopted as a lightweight yet powerful content management system, providing flexibility and ease of content editing and publishing, I employed Next.js 14 for the front-end, enhancing development with its seamless workflow. In the backend, I integrated Sanity.io and its intuitive Studio UI for powerful content management, facilitating efficient collaboration between developers and content creators.

Dashboard Full stack Next.js 14

Our website utilizes Next.js 14 framework for the frontend, paired with MongoDB as the robust backend. The dashboard empowers users to seamlessly add features, including user and product management. With a visually appealing interface, efficient data tools, and the power of MongoDB, our platform delivers a streamlined experience for effective content and operations management.