This project implements DOM manipulation by dynamically rendering a simple restaurant homepage.
- The project uses JavaScript alone to generate the entire contents of the website.
- The project uses webpack to organize and simplify project building.
- Each section in the navigation bar is generated by a module located in the src/components folder.
- Each module exports a function that creates a div element, including each HTML tag and CSS Id and classes that will render the expected view.
- The file src/index.js build the tab-switching logic. Event listeners will be attached to each navigation menu item, that will further fire the correct function.
- As per requirements, each function will wipe-out the previously rendered HTML tags, and dynamically regenerate the required content for the selected menu item.
- HTML/CSS, Javascript, Webpack, NPM, yarn.
- ESlint, Stylelint
- VSCode
To get a local copy up and running, follow these simple example steps.
- To install the app in your system, make sure you have node/npm installed. get npm
- Clone the repository in your system by using:
git clone https://github.com/canriquez/dynamic-restaurant.git
- Next step is to CD into the local repository and run:
$ npm install
👤 Carlos Anriquez
- Github: @canriquez
- Twitter: @cranriquez
- Linkedin: linkedin
- Portfolio: carlosanriquez.com
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
Give a ⭐️ if you like this project!
- Family, always my family.
- The Beagles!
This project is MIT licensed.