https://github.com/rubenpazch/js-restaurant-page
This project is about building a static website for a restaurant using pure javascript, Webpack, modules, building the entire site using just Javascript, and get more practice on DOM manipulation by dynamically rendering a simple restaurant homepage.
https://github.com/rubenpazch/js-restaurant-page
boostrap4 javascript webpack
Last synced: 3 months ago
JSON representation
This project is about building a static website for a restaurant using pure javascript, Webpack, modules, building the entire site using just Javascript, and get more practice on DOM manipulation by dynamically rendering a simple restaurant homepage.
- Host: GitHub
- URL: https://github.com/rubenpazch/js-restaurant-page
- Owner: rubenpazch
- Created: 2020-06-18T02:20:01.000Z (about 6 years ago)
- Default Branch: development
- Last Pushed: 2023-01-07T19:23:21.000Z (over 3 years ago)
- Last Synced: 2023-03-06T22:24:52.089Z (over 3 years ago)
- Topics: boostrap4, javascript, webpack
- Language: JavaScript
- Homepage: https://raw.githack.com/rubenpazch/js-restaurant-page/feature-restaurant/dist/index.html
- Size: 4.27 MB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 18
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Project Name
> This project is about building a static website for a restaurant using pure javascript, Webpack, modules, building the entire site using just Javascript, and get more practice on DOM manipulation by dynamically rendering a simple restaurant homepage.
## Built With
- Javascript
- Webpack
- Webpack modules
## Live Demo
[Live Demo Link](https://raw.githack.com/rubenpazch/js-restaurant-page/feature-restaurant/dist/index.html)
## Getting Started
**Want to check the code and make some changes please .**
Do you want to clone this project please use this command on you terminal
```
git clone git@github.com:rubenpazch/js-restaurant-page.git
```
webpack is used to compile JavaScript modules. Once installed, you can interface with webpack either from its CLI or API. If you're still new to webpack, please read through the core concepts and this comparison to learn why you might use it over the other tools that are out in the community.
Core concepts : [Webpack](https://webpack.js.org/concepts/)
### Prerequisites
- Webpack
- NPM
### Setup
Install NPM
Check that you have node and npm installed
To check if you have Node.js installed, run this command in your terminal:
```
node -v
```
To confirm that you have npm installed you can run this command in your terminal:
```
npm -v
```
### Install
install npm and nodejs
```
sudo apt update
sudo apt install nodejs
sudo apt install npm
```
Local Installation Webpack
To install the latest release or a specific version, run one of the following commands:
```
npm install --save-dev webpack
# or specific version
npm install --save-dev webpack@
```
If you're using webpack v4 or later, you'll also need to install the CLI.
```
npm install --save-dev webpack-cli
```
Global Installation Webpack
The following NPM installation will make webpack available globally:
```
npm install --global webpack
```
## Authors
👤 **Ruben Paz Chuspe**
- Github: [@rubenpazch](https://github.com/rubenpazch)
- Linkedin: [rubenpch](https://www.linkedin.com/in/rubenpch/)
- Twitter: [chuspepaz](https://twitter.com/ChuspePaz)
## 🤝 Contributing
Contributions, issues and feature requests are welcome!
Feel free to check the [issues page](issues/).
## Show your support
Give a ⭐️ if you like this project!
## Acknowledgments
- Hat tip to anyone whose code was used
- Inspiration
- etc
## 📝 License
This project is [MIT](lic.url) licensed.