Omnifood

I developed the Omnifood Smart Food Subscription project individually as a static, fully responsive website designed for a fictional healthy meal delivery service. The purpose of this project was to showcase my skills in frontend development, modern web design, and user experience principles.

The website was built using HTML5, CSS3, and JavaScript, following clean, maintainable code practices. I designed the layout to be responsive across all devices using CSS Flexbox and Grid, ensuring an optimal user experience on desktops, tablets, and mobile devices.

The landing page includes various sections such as:

Hero Section with a clear call-to-action button encouraging users to start their subscription.

Features Section describing key benefits like fast delivery, customizable meals, and high-quality ingredients.

How It Works Section showing a 3-step process for subscribing and receiving meals.

Meals Section displaying popular meal options with high-quality images and descriptions.

Testimonials Section featuring customer reviews for building trust and credibility.

Pricing Plans detailing subscription packages with their respective features and prices.

I used JavaScript to add interactive functionality such as smooth scrolling, mobile navigation toggling, and form validation in the contact and subscription forms.

Additionally, I optimized the website for performance and SEO, ensuring fast load times and good accessibility standards. All assets were properly compressed and the codebase was organized for scalability.

This project improved my frontend development skills, especially in creating pixel-perfect designs, writing clean CSS, and handling DOM manipulation using vanilla JavaScript without relying on libraries or frameworks.