Skip to content

wblachut/RestaurantPage_TheOdinProject

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Fallin' to meal Restaurant Page

Open the restaurant page

PROJECT: RESTAURANT PAGE

Project is a part of The Odin Project JavaScript learning curriculum. To learn more open the TOP assignment.

Description

This is a first The Odin Project webpage build with application of webpack. The aim of it was to create a simple restaurant homepage dynamically rendering content. The entire content is rendered using JavaScript alone. Tab-switching is run by js function inside index.js. For me the final outcome is not desired outcome! Building this project I would try to make the design look way more modern. Design is inspired on... Autumn, since I was coding it in time of the "Polish Golden Fall". In that time of a year I am used to put more orangish and reddish ingredients like pumpkins or beetroot to meals I prepare, and I decided to take those colors here. This project lead to advancing in css usage and first page responsiveness tries!

Concepts used and learned:

  • GitHub pages hoisting
  • ES6 Modules
  • DOM manipulation
  • Webpack dev server
  • node_modules
  • mobile responsiveness

Tools:

  • Visual Studio Code
  • Javascript
  • Node.js
  • npm

Some concepts to apply in future:

  • make a whole new design, fully adaptive to mobile devices
  • implement light and dark mode
  • add nice page transitions especially for switching tabs
  • better tablet responsiveness