Okonomi-Flavors

Description

Okonomi Flavors is a dynamic Japanese restaurant web app, built using HTML, CSS, and JavaScript. It is developed with the Webpack module bundler to create an interactive user experience. The web app features a home page, a menu page, a contact us form with validation, and local storage to store form submissions as JSON objects.

Live Preview

https://jordanpapaditsas.github.io/okonomi-flavors/

Screenshots Preview

Large Screens:

Home page: Menu page: Contact page:

Small Screens:

Features

• Menu Page: The website provides a dynamic menu page that displays various Japanese dishes with images, descriptions, and prices.
• Interactive Navigation: Users can easily navigate between the home, menu, and contact us pages using interactive navigation buttons.
• Contact Us Form: The contact us page includes a form with client-side validation for name, email, and message fields.
• Local Storage: Form submissions are stored locally in JSON format, allowing users to review their past inquiries.
• Dynamic Hamburger Menu: Pops up a hamburger menu, under specific screen sizes.
• Responsive Design: The website is designed to be responsive on various screen sizes and devices.
• Webpack Integration: Webpack is used for module bundling, optimizing assets, and keep organized the code structure.

How To Install

1.Clone the repository:

 git clone https://github.com/jordanpapaditsas/okonomi-flavors.git

2.Navigate to the clone project directory:

cd okonomi-flavors

3.Install Node.js and npm (donwload and install from https://nodejs.org/en)

4.Install Project Dependencies

npm install

5.Build the project

npm run build

6.Watch for changes during development

npm run watch

Contributing

All contributions are accepted! If you'd like to contribute, please follow these steps:

1. Fork this repository to your GitHub account.
2. Create a new branch for your feature or bug fix: git checkout -b feature/your-feature-name
3. Make your changes and commit them with descriptive commit messages.
4. Push your changes to your forked repository.
5. Create a pull request to the main branch of this repository, describing your changes.

License

This project is licensed under the MIT License.