Home / JavaScript / Bundlers

This is a restaurant page developed with JS and webpack, following The Odin Project JS curriculum

Sushi Hub restaurant page This is a Sushi Hub restaurant web page, you'll find ancient Japanese foods in our specials section Note: Only large screens
Information
Category: JavaScript / Bundlers
Watchers: 0
Star: 13
Fork: 0
Last update: Oct 23, 2021
Resource links
https://bertil291utn.github.io/restaurant-page/
https://github.com/bertil291utn/restaurant-page

Sushi Hub restaurant page

This is a Sushi Hub restaurant web page, you'll find ancient Japanese foods in our specials section

image

Note: Only large screens (1024px to up). Check the improvements section

Built With

  • JavaScript
  • HTML5
  • CSS3

Live Demo

🌐 💻

Getting Started

In order to start this project, you will need:

  1. Get a copy of this project this repository 📘

Once you have cloned this project

  1. Go to folder project
  2. Look for the index.html file and open in your browser

Usage

Once you are on the home page, you have three links in the navbar
  • Home.- To return to the home
  • About.- About us section, who we are
  • Specials.- All dishes and specials we serve

Deployed on GitHub Pages

Deployed on GitHub Pages

Improvements

Features we are going to add to this app:

  • Approach a Responsive Web Design(RWD)
  • Move from HTML and vanilla CSS to React Js framework
  • RWD with absolute position images

Authors

👤 Bertil Tandayamo

Acknowledgement

Design inspired by SushiHub Web UI on Behance

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Show your support

If you got until here, show your love hitting the ⭐️ button, I'd really appreciate it.

📝 License

This project is MIT licensed.

Contents

    WendellAdriel Instant web curriculum generator for developers
    coinbase Odin deployer to AWS for 12 Factor applications
    odin-lang Odin Programming Language
    atornel Flutter representation of a full Restaurant app UI KIT.
    fdaciuk Run terminal commands with webpack
    60frames :fire: Hot reload webpack bundles on the server
    aws-robotics Introductory robotics curriculum
    symfony A simple but powerful API for processing & compiling assets built around Webpack
    TheWaveWarden Odin 2 Synthesizer Plugin
    mbround18 Valheim Docker server with Odin the CLI tool.
    Lelouche01 A Responsive Landing Page For Restaurant
    adrianhajdin This is a code repository for the corresponding video tutorial. In this video, we're going to build a Modern UI/UX Restaurant Landing Page Website
    electrode-io Electrify is an webpack visualizer for analyzing webpack bundles.
    lucas-aragno CLI tool to setup webpack and react/preact on a given directory
    Gaunsessa Shows Odin Lang errors in Sublime Text.
    neutrinojs A chaining API to generate and simplify the modification of Webpack configurations.
    shirotech A webpack plugin that use externals of CDN urls for production and local node_modules for development
    webpack-contrib A curated list of awesome Webpack resources, libraries and tools
    webpack-contrib A curated list of awesome Webpack resources, libraries and tools
    addyosmani A Webpack plugin for Lighthouse
    okonet JS Codemod to automatically convert webpack config from v1 to v2
    Share this repo

    Related Repos


    Bundlers
    9
    This is a Webpack Project about Todo-list which you can add your to-dos, edit them, add ma...
    omarsalem7 Todo-list-webpack This website Todo-list-webpack provides users a convenient way to keep track of their todos. Built With HTML CSS JavaScript Linters
     
    Bundlers
    8
    This is a Webpack Project Leaderboard and uses API to add your game score and see a list o...
    Omar-Muhamad Leaderboard This is a Webpack Project Leaderboard and use API to add your game score and see a list of the other scores What I did in this project: Se
     
    Bundlers
    5
    A boilerplate code to build a chrome extension with react and webpack.
    vivek9patel Chrome Extension with React.js Boilerplate Boilerplate for your chrome extension with react.js and webpack Background Creating a file structure for de
     
    Bundlers
    9
    To-do is a web app that helps to organize your day to day activities.
    AnselemOdims To-do is a web app that helps to organize your day to day activities. It lists all the activities that you need to be completed and allows you to mark them as complete or not. It's a minimalistic website built using JavaScript ES6, Webpack and CSS.
     
    Bundlers
    825
    enterprise standard loader
    ecomfe ESL (Enterprise Standard Loader) ESL是一个浏览器端、符合AMD的标准加载器，适合用于现代Web浏览器端应用的入口与模块管理。 ESL is a browser-only, amd-compliant module loader. In modern web app
     
    Bundlers
    4k
    CSS Loader
    webpack-contrib css-loader The css-loader interprets @import and url() like import/require() and will resolve them. Getting Started ⚠ To use css-loader, [email protected] is
     
    Bundlers
    4.9k
    The power of webpack, distilled for the rest of us.
    laravel-mix Introduction Laravel Mix provides a clean, fluent API for defining basic webpack build steps for your applications. Mix supports several common CSS an
     
    Bundlers
    3
    Utility functions to test Webpack loaders/plugins
    privatenumber webpack-test-utils Utility functions to test Webpack loaders/plugins Features In-memory builds Uses an in-memory file-system for faster builds that do
     
    Bundlers
    4
    Vue 3 Server Side Rendering with Webpack 4 Hot Module Replacement
    CyberAP Vue 3 SSR with Webpack 4 HMR Play with it right in the browser! Features Hot reloading for everything inside src folder Production-ready build Integra
     
    Bundlers
    32
    bundle and `require` a file
    egoist 💛 You can help the author become a full-time open-source maintainer by sponsoring him on GitHub. bundle-require Use Case Projects like Vite need to l
     
    Bundlers
    430
    TypeScript Module Loader
    lukeed TypeScript Module Loader Features Supports node <file> usage Supports ESM --loader usage† Supports --require hook usage Optional configuration file fo
     
    Bundlers
    16
    Webpack plugin to tree-shake and minify JSON modules
    privatenumber webpack-json-access-optimizer Optimize JSON modules that are referenced via accessor function. For example, i18n locale JSONs. Features Tree shaking R
     
    Bundlers
    21
    Experimental wasm linker
    Luukdegram zwld Experimental linker for wasm object files. The idea is to implement a linker that stays close to wasm-ld in regards to features so that one day t
     
    Bundlers
    22
    EMP Micro FE Base on webpack 5 & module federation
    efoxTeam EMP - Micro Frontends solution Base on Webpack 5 & Module Federation English | 简体中文 Projects Project NPM Info @efox/emp-cli CLI @efox/emp-tsconfig Typ
     
    Bundlers
    13
    This is a restaurant page developed with JS and webpack, following The Odin Project JS cur...
    bertil291utn Sushi Hub restaurant page This is a Sushi Hub restaurant web page, you'll find ancient Japanese foods in our specials section Note: Only large screens