https://github.com/filonenkodima/omnifood
Omnifood is a web application for ordering healthy food. It helps users choose and order meals that match their dietary preferences and goals.
https://github.com/filonenkodima/omnifood
css design frontend html html-css-javascript javascript
Last synced: about 2 months ago
JSON representation
Omnifood is a web application for ordering healthy food. It helps users choose and order meals that match their dietary preferences and goals.
- Host: GitHub
- URL: https://github.com/filonenkodima/omnifood
- Owner: FilonenkoDima
- Created: 2024-07-07T11:03:01.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-28T13:14:46.000Z (almost 2 years ago)
- Last Synced: 2025-06-02T21:14:48.009Z (12 months ago)
- Topics: css, design, frontend, html, html-css-javascript, javascript
- Language: HTML
- Homepage: https://filonenkodima.github.io/omnifood/
- Size: 22.8 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://filonenkodima.github.io/omnifood/).
## 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
