PROJECT: RESTAURANT PAGE
This is the third project of the Main JavaScript curriculum at Microverse - @microverseinc
The objective is to re-create a restaurant homepage by dynamically rendering it using JavaScript DOM manipulation. Only JavaScript is used to generate the entire contents of the website. The features of the page also include:
Technologies Used
- HTML
- HTML5 Semantic elements
- HTML Forms
- CSS
- CSS Flexbox
- CSS Animations
- CSS Media query
- JavaScript
- ES6 Modules
- DocumentFragment
- DOM Manipulation
- Events
- Dev Tools
- Webpack
- Yarn
- Linters
- Eslint
- StyleLint
Assignment link
π Live link
πΌοΈ Screenshots
Home | About | Chef | Menu | Contact |
---|---|---|---|---|
![]() |
![]() |
![]() |
![]() |
![]() |
π οΈ Development
- Clone the project
git clone https://github.com/bolah2009/restaurant_page.git
- Install Dependencies
yarn install
To run ESLint by itself, you may run the lint task:
yarn lint:check
Or to automatically fix issues found (where possible):
yarn lint
You can also check against Prettier:
yarn format:check
and to have it actually fix (to the best of its ability) any format issues, run:
yarn format
- Start server (Development mode)
yarn start
- Start server (Production mode)
yarn build
π§Ύ TODO
- Improve UI/UX
π€πΎ Contributing
Contributions, issues and feature requests are welcome!
Feel free to check the issues page.
βοΈ Show your support
Give a
ππΎ Acknowledgments
- Microverse Team
- templatemo.com