Skip to content

A restaurant landing page dynamically rendered using JavaScript DOM manipulation and document fragment.

License

Notifications You must be signed in to change notification settings

bolah2009/js-restaurant-page

Repository files navigation

PROJECT: RESTAURANT PAGE

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
    • Vite
    • Yarn
  • Linters
    • Eslint
    • StyleLint

🖼️ Screenshots

Home About Chef Menu Contact
image image image image image

🛠️ Development

  • Clone the project
git clone https://github.com/bolah2009/js-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 ⭐️ if you like this project!

🙏🏾 Acknowledgments

👨🏽‍💻 Author

📝 License

MIT licensed.

About

A restaurant landing page dynamically rendered using JavaScript DOM manipulation and document fragment.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published