Omnifood

Project overview

Omnifood is a web application for ordering healthy food. It helps users choose and order meals that match their dietary preferences and goals. You can preview this project here.

Why this project?

Learn HTML and CSS. Study the principles of responsive design. Apply JavaScript for dynamic user interactions. Understand the fundamentals of UI/UX design.

Instructions for Building and Running the Project

• Clone the Repository git clone https://github.com/FilonenkoDima/omnifood.git
cd omnifood
• Install Dependencies npm install
• Run the Project in Development Mode npm start
• Build the Project for Production npm run build

Project Structure

• index.html — The main page of the application.
• css/ — Project styles, including base and responsive styles.
• js/ — Scripts for interactive elements.
• images/ — Images used in the project.

Key Components

• Navigation — Provides easy page navigation.
• Meal Gallery — Dynamically displays available meals.
• Order Form — Allows users to select meals and place orders.

Demo