Restaurant page

JavaScript + HTML/CSS | coded along the Full Stack JavaScript course from The Odin Project

See the project on GitHub

Live Demo

Description

The seventh Odin project is a simple restaurant web page which html structure is mainly created with JavaScript (using ES6 modules and Webpack)

Features

  • Three pages, accessibles with tabs, present a restaurant location and menus
  • Only the main content is changed, the header and footer still the same
  • The neon style gives a scifi (cyberpunk) city vibe

Challenges

The goal was to cleanly separate the JavaScript code using ES6 modules, which requires to use Webpack for using import and export statements.

CSS is a bit deepens in this project, to practice more (among other things) the organisation of classes, lighting effects with shadows, titles decorations and :before and :after added elements.