https://github.com/epictetusz1/restaurant-page
A Learn by doing project from The Odin Project. With the goal of making a full HTML CSS and JavaScript site from JavaScript using Webpack
https://github.com/epictetusz1/restaurant-page
css es6 html javascript modules npm webpack
Last synced: 2 months ago
JSON representation
A Learn by doing project from The Odin Project. With the goal of making a full HTML CSS and JavaScript site from JavaScript using Webpack
- Host: GitHub
- URL: https://github.com/epictetusz1/restaurant-page
- Owner: EpictetusZ1
- Created: 2021-09-12T21:19:08.000Z (almost 5 years ago)
- Default Branch: main
- Last Pushed: 2021-09-20T14:21:50.000Z (almost 5 years ago)
- Last Synced: 2026-05-03T01:44:37.633Z (2 months ago)
- Topics: css, es6, html, javascript, modules, npm, webpack
- Language: JavaScript
- Homepage: https://epictetusz1.github.io/restaurant-page/
- Size: 11.5 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Restaurant Page
A learn-by-doing assignment from [The Odin Project](https://www.theodinproject.com/).
### Things I Learned:
- Webpack
- npm scripts
- ES6 Modules
- Helper functions (A separate component used to 'make' html elements in an easier way)
- ```webpack.config.js``` formatting
- ```package.json``` formatting
- Learned basic Adobe xD to mock up what the site should look like since it is built dynamically.
- Importing multiple CSS files via Webpack (```style.css``` and ```reset.css```)
- The benefit of using 'components' for code readability, code reuse and updating code.
### Functionality:
- Website loads content upon request with Tabular browsing appending all new elements to the ```#content``` div.
- Simple Homepage
- Simple Nav
- Simple non-functioning Contact Page