Mealify: Interactive Food Recipe Platform

Mealify Website

Developed a fully responsive recipe website using HTML and CSS, focusing on clean layout and user experience. Utilized CSS Flexbox for an organized structure and implemented a fixed navbar for easy navigation during scrolling. Enhanced interactivity by adding shake animations on image clicks and smooth hover effects using CSS transitions and transforms. Integrated dark mode feature, allowing users to switch between light and dark themes seamlessly. Incorporated iframe to display a map, enriching the content. Applied layered effects on images to display overlay text clearly. The project demonstrates attention to design details and responsiveness across devices, with ongoing improvements planned.