restaurant-page - Live Preview

About

This project is part of TheOdinProject curriculum. The project's lesson can be found here. The goal of this project was to practice ES6 Modules and Webpack.

I've made a Figma mockup that I used as a starting point.

Technologies used

• HTML5
• CSS3
• JavaScript

NPM modules used

• css-loader and style-loader to load css
• html-webpack-plugin to get the new html into the dist directory (production)
• copy-webpack-plugin to copy assets to the dist directory instead of relying on JS imports or CSS rules

Tools used

• git
• Figma
• npm
• webpack

Credits

I changed the original color of some of the icons.

• Farra Nugraha for the ramen bowl icon

• Stephanie Wauters for the chopsticks icon

• vecstock for the ramen dish image

• freepik for the soba noodles udon noodles images

• stockking the yabisoba image