https://github.com/mell62/restaurant-page

Web app of a bubble tea restaurant, powered by webpack, made for thirsty people.
https://github.com/mell62/restaurant-page

css dom-manipulation es6-modules flexbox html javascript webpack

Last synced: 3 months ago
JSON representation

Web app of a bubble tea restaurant, powered by webpack, made for thirsty people.

• Host: GitHub
• URL: https://github.com/mell62/restaurant-page
• Owner: mell62
• Created: 2024-04-20T10:26:32.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-06-02T12:51:39.000Z (about 2 years ago)
• Last Synced: 2025-10-30T06:35:40.213Z (9 months ago)
• Topics: css, dom-manipulation, es6-modules, flexbox, html, javascript, webpack
• Language: JavaScript
• Homepage: https://mell62.github.io/restaurant-page/
• Size: 469 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Restaurant Page

This is the boba cube, a web application of a restaurant page which serves bubble teas. This has been implemented using HTML, CSS, JavaScript and Webpack, showcasing HTML content generation almost entirely using JavaScript DOM manipulation, and the power of **Webpack**.

Check it out :point_right:[here!](https://mell62.github.io/restaurant-page/):point_left:

![webpage-screenshot](./src/images/screenshot.png)

## :mag: Features

- Multiple-tab browsing (Home, Menu, Contact)

## :tada: Achievements

- **Webpack** is utilized for the bundling of code of multiple files

- Multiple tab browsing made possible with the help of JavaScript and Webpack, where each tab is coded in its own JavaScript file

- Webpage generated almost entirely from JavaScript and barely any HTML

## :page_with_curl: Note

- Modern normalize is used for cross-browser consistency